@charset "utf-8";
/* CSS Document */
html{height:100%;-webkit-text-size-adjust:100%;}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}

body{margin:0px; padding:0px; margin:0px auto; line-height:24px; color:#333333;  position:relative; font-size:14px; background-color:#fff;font-family: !important; width: 100%; min-width:320px; overflow-x:hidden;}
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.ul,form, dl,dt,dd,.ol,menu,.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding: 0px; margin: 0px;font-weight:normal;}
.ul li,.ol li{ list-style:none;}
select,input,textarea{font-family: Geneva, sans-serif; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family: Geneva, sans-serif;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;/*去除苹果样式*/}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#009241; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#009241}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
table,table td{ border-collapse:collapse;}
.table{ display:table; width:100%; height:100%;}
.table-cell{ display:table-cell; vertical-align:middle;}
.nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.animate{-moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -webkit-transition:all 0.75s ease;transition:all 0.75s ease;}

.auto{ margin:0 auto; max-width:1300px; position:relative;}
.h-header{ height:125px;}
@media(max-width:768px){
.h-header{ height:80px !important;}
}
.header{ position:fixed; top:0; width:100%; z-index:110; background-color:rgba(255,255,255,1);border-bottom:solid 1px rgba(198,198,198,0.39);height:125px;}
.header .logo{ width:20%; height:125px; position:relative;}
.header .logo img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.header .search{ z-index:5; right:10%; top:50%; position: absolute; background:url(../images/search.png) no-repeat right center;}
.header .search .icon{ cursor:pointer; display:block; width:30px; height:30px;}
.header .search .box{ top:0; padding-right:30px; right:0; position:absolute; display:none; width:170px; }
.header .search .text{ text-align:center; border-radius:100px; background-color:#eeeeee; border:solid 1px #e2e2e2; width:100%; border:none; line-height:30px; height:30px;}
.header .search .btn{ position:absolute; right:0px; top:0px; width:30px; height:28px; border:none; cursor:pointer; background:none;}
.header .nav ul li b{position:relative; font-size:16px; display:inline-block; font-weight:normal;}
.header .nav ul li b a{display:inline-block; position:relative;font-weight:bold;color:black;}
.header .nav ul li .sub{  left:0; padding:2% 0; border-top:solid 3px #013b8f;  display:none; background-color:rgba(255,255,255,0.8)}
.header .nav ul li .sub dl dt{line-height:40px;}
.header .nav ul li .sub dl dt a{}
.header .nav ul li .sub dl dt a:hover{ color:#ff0000}
.header .nav ul li .sub dl dd span{ display:block; color:#c3c3c3}
.header .nav ul li .sub dl dd span a{ position:relative; color:#5e5e5e; padding-left:12px;}
.header .nav ul li .sub dl dd span a:hover{ color:#ff0000}
.header .nav ul li .sub dl dd span a:before{ left:2%; top:40%; content:''; display:block; position:absolute; width:5px; height:1px; background-color:#c3c3c3;}
@media(min-width:768px){
.header .logo{ position:absolute; width:22%;}
.header .nav{ padding-left:30%;}
.header .nav ul{ position:relative}
.header .nav ul li{ float:left; text-align: center; position:relative;}
.header .nav ul li b{line-height:79px;}
.header .nav ul li.on b a:before{ position:absolute; content:''; width:100%; height:3px; top:0; display:block; background-color:#013b8f;}
.header .nav ul li.hover b a:after{ content:'';position:absolute; width:0;height:0; left:50%; margin-left:-8px; bottom:0;border:8px solid transparent;border-bottom-color: #013b8f;}
.header .nav ul li#nav6{ border-left:solid 1px rgba(255,255,255,1); border-right:solid 1px rgba(255,255,255,1)}
.header .nav ul li#nav7{ background:url(../images/nav_icon.png) no-repeat right center}
.header .nav ul li#nav7 .sub dl dt{ line-height:20px; padding:10px 0;}
.header .nav ul li#nav8{ border-left:solid 1px rgba(198,198,198,0.39); }

.header .nav ul li .sub{ text-align:left; position:absolute;/* width:100%;*/ width:140px; margin-left:-70px; left:50%;}
.header .nav ul li .sub dl{  padding:0 5%;}
.header .nav ul li .sub dl dt{ text-align:center}
.header .nav ul li .sub dl dt a{ font-size:16px; color:#000;}
.header .nav ul li .sub dl dd span{ padding:4px 0;}
.header .nav ul li#nav2{/* position: static*/ position:relative;}
.header .nav ul li#nav2 .sub{ width:600px;}
.header .nav ul li#nav2 .sub dl{/*float:left;*/ float:none;}
.header .nav ul li#nav2 .sub dl dt{padding:5% 0; }
}
@media(min-width:1100px){
.header .nav{ padding-left:38%;padding-top:25px; text-align:right;}
.header .nav ul li{/*width:11%; */ padding:0 15px; float:none; display:inline-block;}
.header .nav ul li.empty{ width:12%;height:79px;}
.header .nav ul li#nav2 .sub{/* width:808px;*/ width:140px; margin-left:-70px; left:50%;}
}
@media(max-width:1100px){
.header .search{ right:0}
.header .nav ul li{ width:auto; padding:0px 2%;}
.header .nav ul li.empty{ display:none;}
}
@media(max-width:960px){
.header .nav ul li{padding:0px 1.3%;}
}
@media(max-width:768px){
.header{ height:80px; display:none;}
.header .search{ right:60px; top:23%}
.header .logo{ width:70%; height:80px; }
.header .logo img,
.h-header{/* height:60px;*/ height:auto; width:auto;}
.header .nav{  padding-left:40%; width:100%; position: fixed; right:-200%; height:100%; background: rgba(0,0,0,.4);}
.header .nav ul{ font-size:16px; background-color:rgba(255,255,255,1); height:100%;}
.header .nav ul li{ padding:0}
.header .nav ul li b{ display:block; line-height:40px; border-bottom:solid 1px #d4d4d4; background-repeat:no-repeat; background-position:5px; padding-left:20px;}
/*.header .nav ul li#nav1 b{ background-image:url(../images/i1.png)}
.header .nav ul li#nav2 b{ background-image:url(../images/i2.png)}
.header .nav ul li#nav3 b{ background-image:url(../images/i3.png)}
.header .nav ul li#nav4 b{ background-image:url(../images/i4.png)}
.header .nav ul li#nav5 b{ background-image:url(../images/i5.png)}
.header .nav ul li#nav6 b{ background-image:url(../images/i2.png)}
.header .nav ul li#nav7 b{ background-image:url(../images/i6.png)}
.header .nav ul li#nav8 b {background-image: url(../images/jindong.png); background-size: 18px 18px;}*/
.header .nav ul li#nav7{ display:none;}
.header .nav ul li b a{ padding:1% 5%}
.header .nav ul li a{ display:block; color:#666;}
.header .nav ul li .sub{ max-height:320px; overflow-y:auto; border-top:none;}
.header .nav ul li .sub dl dt,
.header .nav ul li .sub dl dd{ padding:0 5% 0 30px;}
.header .nav ul li .sub dl dt{border-bottom:solid 1px #d4d4d4; }
.header .nav ul li .sub dl dd span{ padding:8px 0;}
.header .show{right:0; }
.header .nav ul li b:before{ right:0; z-index:2; content:''; display:block; position:absolute; width:24%; height:100%;}
.header .nav ul li#nav1 b:before,
.header .nav ul li#nav3 b:before,
.header .nav ul li#nav5 b:before,
.header .nav ul li#nav6 b:before,
.header .nav ul li#nav1 b:after,
.header .nav ul li#nav3 b:after,
.header .nav ul li#nav5 b:after,
.header .nav ul li#nav6 b:after{ display:none;}
.header .nav ul li b:after{transition:all 0.3s ease; transform: rotate(45deg); content:''; width:6px; height:6px; position:absolute; right:5px; top:50%; margin-top:-3px; border-top:solid 2px #999;border-right:solid 2px #999}
.header .nav ul li.on b:after{transform: rotate(135deg);}

.icon_menu{display:block;  z-index:100; width:32px; height:32px; position:fixed; top:24px; right:3%;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon_menu a{ width:100%; height:4px; background-color:#999; position:absolute; right:0; top:50%; margin-top:-2.5px;}
.icon_menu a::before,
.icon_menu a::after{ position:absolute; content:'';width:100%; height:4px;background-color:#999;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.icon_menu a::before{ top:-11px;}
.icon_menu a::after{ bottom:-11px;}
.on.icon_menu a{ background-color:transparent;}
.on.icon_menu a::before{ transform: rotate(-45deg); top:0}
.on.icon_menu a::after{ transform: rotate(45deg); bottom:0}
}

.footer{ padding:3% 0; background:url(../images/footer_bg.png) repeat left top}
.footer,
.footer a{ color:#a09797;}
.footer a:hover{ color:#e60012;}
.footer .other .link,
.footer .copyright dl{ padding:15px 0;}
.footer .copyright span{ display:inline-block;}
.footer .copyright .ICP{ white-space:nowrap}
.footer .other .link a{ padding-right:10px; margin-right:10px; background:url(../images/footer_a_icon.png) no-repeat right center}
.footer .other .link a:last-child{ padding-right:0; margin-right:0; background:none}
.footer .other .ewm dl{text-align:center; display:inline-block; margin-right:10px}
.footer .other .ewm dl img{ width:100px; height:100px;}
.footer .other .ewm dl:last-child{ margin-right:0;}
.footer .other .ewm b{ display:block; font-weight:normal; padding:10px 0;}
.footer .bdshare-button-style0-32 a{ float:none!important; display:inline-block!important; margin:0 0 0 10px!important; width:42px!important; line-height:42px!important;  height:42px!important; background-image:url(../images/footer_share.png)!important; background-color:#565050; border-radius:100px;}
.footer .bdshare-button-style0-32 .bds_weixin{ background-position:left!important;}
.footer .bdshare-button-style0-32 .bds_tsina{ background-position:right!important;}
.footer .menu-b{line-height:28px;}
.footer .menu-b dl dt{ position:relative; padding:15px 0; font-size:14px; border-bottom:solid 1px #655d5d;background:url(../images/footer_icon.png) no-repeat right;}
.footer .menu-b dl dt a{ color:#fff;}
.footer .menu-b dl dd{ padding-top:10px;}
.footer .menu-b dl dd span{ display:block; padding-left:20px; background:url(../images/footer_icon_sub.png) no-repeat left;}
@media(min-width:768px){
.footer{ font-size:12px; margin-top:20px;}

.footer .menu-b{ padding-right:230px; overflow:hidden;}
.footer .menu-b dl{ float:left; width:11.2%; margin-right:6%;}
.footer .menu-b dl:last-child{ margin-right:0;}

.footer .other{ position:absolute; right:0; top:4%; width:260px; text-align:right;}
.footer .copyright{ text-align:left;}
.footer .copyright dl{ display:inline-block; border-top:solid 1px #655d5d;}
.footer .copyright dl .wanhu{ display:block;}
}
@media(min-width:1000px){
.footer{ font-size:14px;}
.footer .menu-b{ padding-right:320px;}
.footer .menu-b dl dt{ font-size:18px;}
.footer .other .ewm dl img{width:120px; height:120px;}
}
@media(max-width:768px){
.footer .menu-b{ padding-bottom:2%;}
.ewm{ margin-top:10px;}
.footer .menu-b dl dt{ padding:5px 10px}
.footer .menu-b dl dt i{ cursor:pointer; left:0; top:0; width:100%; height:100%; display:block; position:absolute}
.footer .menu-b dl.on dt{}
.footer .menu-b dl dd{ display:none; padding:0 15px}
.footer .menu-b dl dd span{ padding-top:5px; padding-bottom:5px;}
}

@media(max-width:1340px){
.auto{ width:97%}
}

@media(min-width:768px){
.pc{}
.wap{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
}
@media(max-width:768px){
.wap{}
.pc{ display:none;}
}


@media(min-width:960px){
.sidebar{ background-color:#fcfcfc; float:left; width:19.1%;border:solid 1px #ededed;}
.main{ float:right; width:74%}
}
@media(max-width:960px){
.sidebar{ position:absolute; right:0; z-index:99; padding-top:44px;}
}

.main{ min-height:100px;}

.bd_weixin_popup .bd_weixin_popup_main{ padding:8px 10px!important;}

.column{ line-height:50px;    padding-top: 3%; padding-bottom: 2%;}
.column .cn{font-size:30px;}
.column .en{ font-size:43px; font-weight:bold; padding-right:10px;}
.column.rows-2{ text-align:center; color:#009241}
.column.rows-2 span{ display:block;}

.sub-title{ padding:16px 0; font-size:24px;}

@media(max-width:1366px){
.column{ line-height:40px;}
.column .cn{font-size:26px;}
.column .en{ font-size:32px;}
}
@media(max-width:1000px){
.column{ padding:5% 0}
.column{ line-height:30px;}
.column .cn{font-size:20px;}
.column .en{ font-size:24px;}
}



.sub-menu{width:100%; line-height:70px; background-image:url(../images/sub-menu-pic.png); background-repeat:no-repeat; background-position:center center}
.sub-menu .bg-color{ background-color:rgba(91, 84, 84, 0.95); overflow:hidden;}
.sub-menu .auto{ width:100%;}
.sub-menu ul li{ float:left; font-size:16px;}
.sub-menu ul li a{ color:#cccccc; display:block; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sub-menu ul li a:hover,
.sub-menu ul li.on a{ color:#fff; background-color:#e60012;}
.sub-menu .bx-controls{ display:none;}
.sub-menu .con_wap{ display:none;}

@media(min-width:960px){
.sub-menu ul li{ width:12%}
}
@media(max-width:960px){
.sub-menu {line-height:50px;}
.sub-menu ul li a{ padding:0px 10px;}
.sub-menu .bg-color{ padding:0px 20px;}
.sub-menu .bx-controls-direction a{ text-indent:-999px; overflow:hidden; top:0; position:absolute; width:30px; text-align:center; height:100%; background-color:#ffba00;}
.sub-menu .bx-controls-direction a.bx-prev{ left:-20px;}
.sub-menu .bx-controls-direction a.bx-next{ right:-20px;}
.sub-menu .bx-controls-direction a:before{ position:absolute; top:40%; content:''; display:block; width:10px; height:10px; border-top:solid 2px #fff; border-right:solid 2px #fff;}
.sub-menu .bx-controls-direction a.bx-prev:before{ left:10px;transform: rotate(-135deg); }
.sub-menu .bx-controls-direction a.bx-next:before{ right:10px;transform: rotate(45deg); }
.sub-menu .bx-controls-direction a.disabled:before{ opacity:0.4}
.sub-menu .bx-controls{ display: block;}

.sub-menu .con_pc{ display:none;}
.sub-menu .con_wap{ display:block; overflow:hidden; overflow-X:scroll;}
.sub-menu .con_wap ul{ width:768px;}
}



.menu ul li{ line-height:70px; font-size:16px; border-top:solid 1px #ededed;}
.menu ul li:first-child{ border-top:none;}
.menu ul li span{ display:block;}
.menu ul li a{ position:relative; color:#000000; display:block;padding-left:58px; background-repeat:no-repeat; background-position:24px center}
.menu ul li a:hover,
.menu ul li.on a{ color:#fff; background-color:#e60012}
.menu ul li.on a:after{ right:10%; content:'';position:absolute; width:0;height:0; top:40%;border:5px solid transparent;border-left-color: #fff;}
.menu ul li.process{ display:none; background-color:#e60012;}
.menu ul li.process a{ padding-left:24px; color:#fff;}
.menu ul li.process dl{ color:#fff; background-color:#585557;}
.menu ul li.process dl span{ color:#fff; padding-left:24px; background:url(../images/m_jobs_icon.png) no-repeat 88% center}
.menu ul li.process dl span b{ font-size:30px; color:#696668; padding-right:5px;}
#m-jobs ul li#menu1 a{ background-image:url(../images/m_jobs_1.png);}
#m-jobs ul li#menu1.on a,#m-jobs ul li#menu1 a:hover{ background-image:url(../images/m_jobs_1on.png);}
#m-jobs ul li#menu2 a{ background-image:url(../images/m_jobs_2.png);}
#m-jobs ul li#menu2.on a,#m-jobs ul li#menu2 a:hover{ background-image:url(../images/m_jobs_2on.png);}
#m-jobs ul li#menu3 a{ background-image:url(../images/m_jobs_3.png);}
#m-jobs ul li#menu3.on a,#m-jobs ul li#menu3 a:hover{ background-image:url(../images/m_jobs_3on.png);}
#m-jobs ul li#menu4 a{ background-image:url(../images/m_jobs_4.png);}
#m-jobs ul li#menu4.on a,#m-jobs ul li#menu4 a:hover{ background-image:url(../images/m_jobs_4on.png);}
#m-jobs ul li#menu5 a{ background-image:url(../images/m_jobs_5.png);}
#m-jobs ul li#menu5.on a,#m-jobs ul li#menu5 a:hover{ background-image:url(../images/m_jobs_5on.png);}
@media(min-width:960px){
	.menu { display:block!important;}
}

@media(max-width:960px){
.menu{ display:none; box-shadow:-10px 0 20px 0px rgba(0,0,0,.21); background-color:#fcfcfc;}
.menu ul li{ line-height:40px;}
.menu ul li a{ padding-right:40px;}
.menu ul li.process dl{ font-size:14px;}
.menu ul li.process dl span{ padding-right:50px;}
.menu ul li.process dl span b{ font-size:18px;}
.wap-menu{ position:absolute; top:10px; right:0; border:solid 1px #888; border-radius:4px; padding:2px 0; width:32px;}
.wap-menu i{  display:block; padding:3px 0; position:relative; padding-left:36%; padding-right:2%;}
.wap-menu i:before,
.wap-menu i:after{content:''; display:block; width:80%; height:2px;background-color:#888;}
.wap-menu i:before{ position:absolute; margin-left:-7px; border-radius:100px; width:3px; height:3px;}
}

/*job*/
.jobs-search{ position:relative; margin-bottom:2%; padding:2%; color:#fff; overflow:hidden; background-color:#585557;}
.jobs-search dl dt{ position:absolute; width:90px; text-align:right}
.jobs-search dl dd{ padding-left:100px;}
.jobs-search dl dd .text{ border:none; width:98%; padding:0px 2%;}
.jobs-search dl dd select{ border:none; width:98%; padding:0px 2%;}
.jobs-search,
.jobs-search dl dd .text,
.jobs-search dl dd select{ line-height:28px;}
.jobs-search dl dd select{ height:28px;}
.jobs-search .search{display:block; text-align:center; cursor:pointer; background-color:#e60012; color:#fff; width:100%;}

.jobs-list{ border:solid 1px #ededed;}
.jobs-list ul li{ overflow:hidden; border-top:dashed 1px #ededed;}
.jobs-list ul li.title{ color:#fff; background-color:#e60012; border-top:none;}
.jobs-list ul li a{ display:block;}
.jobs-list ul li span{ padding:16px 0 16px 2%; display:block; float:left;}
.jobs-list ul li span.s1{padding-left:5%}

.jobs-list.row-3 ul li span.s1{ width:35%;}
.jobs-list.row-3 ul li span.s2{ width:40%;}
.jobs-list.row-3 ul li span.s3{ width:25%;}

.jobs-list.row-4 ul li span.s1{ width:30%;}
.jobs-list.row-4 ul li span.s2{ width:25%;}
.jobs-list.row-4 ul li span.s3{ width:25%;}
.jobs-list.row-4 ul li span.s4{ width:20%;}

.jobs-list.row-6 ul li span.s1{ width:15%;}
.jobs-list.row-6 ul li span.s2{ width:15%;}
.jobs-list.row-6 ul li span.s3{ width:15%;}
.jobs-list.row-6 ul li span.s4{ width:25%;}
.jobs-list.row-6 ul li span.s5{ width:15%;}
.jobs-list.row-6 ul li span.s6{ width:15%;}

.jobs-resume .tips{ padding:10px 0 10px 24px; background:url(../images/tips.png) no-repeat left 12px}
.jobs-resume .list{ padding:1% 0;}
.jobs-resume .h3{ cursor:pointer; font-size:14px; background-color:#585557; padding:1% 2%;color:#fff; position:relative;}
.jobs-resume .h3 b{ font-size:16px; font-weight:normal; padding-right:20px;}
.jobs-resume .h3:before,
.jobs-resume .h3:after{ content:''; background-color:#fff; position:absolute; right:2%; top:48%; width:13px; height:3px;transition:all 0.5s ease-out 0s;}
.jobs-resume .h3:before{ transform: rotate(90deg)}
.jobs-resume .on .h3:before{ transform: rotate(0deg)}
.jobs-resume dl{ line-height:44px; position:relative; padding:5px 0;}
.jobs-resume dl dt{  width:100px; position:absolute; text-align:right; text-align:right;}
.jobs-resume dl dd{ padding-left:100px;}
.jobs-resume dl dd .text,
.jobs-resume dl dd select{ padding:0 2%; line-height:44px; background-color:#fcfcfc; border:solid 1px #ededed; width:100%;}
.jobs-resume dl dd select{ height:46px;}
.jobs-resume dl dd .note{ display:block; color:#999999; font-size:12px; line-height:20px;}
.jobs-resume .row-1{ clear:both;}
.jobs-resume dl.two .text{ width:43%;}
.jobs-resume dl.two i{ font-style:normal; padding:0px 5px;}
.jobs-resume .box{ display: none; padding-top:3%;}
.jobs-resume .save{ text-align:right;}
.jobs-resume .save a{ cursor:pointer; border:none; width:146px; line-height:41px; text-align:center; display:inline-block; color:#fff; background-color:#e60012;}
.jobs-resume .line{ padding-top: 15px;  margin-bottom: 15px; border-bottom:dashed 1px #ededed; clear:both;}

.jobs-faq ul li{ padding:2% 0; border-bottom:dashed 1px #ededed;}
.jobs-faq ul li .h5{position:relative; font-size:16px;}
.jobs-faq ul li .h5 em{ position:absolute; left:0; font-style:normal;}
.jobs-faq ul li p{ color:#999999}
.jobs-faq ul li .h5,
.jobs-faq ul li p{ padding:5px 15px;}

.jobs-detail .intro{ overflow:hidden;border-top:solid 1px #ddd;}
.jobs-detail .intro dl{ position:relative; border:solid 1px #ddd; border-top:none; padding-left:100px;}
.jobs-detail .intro dl dt{ left:0; position:absolute; width:90px; text-align:right;}
.jobs-detail .intro dl dt,
.jobs-detail .intro dl dd{ padding:10px;}
.jobs-detail .intro dl dd{color:#888;border-left:solid 1px #ddd;}
.jobs-detail .detail .h4{ padding-top:2%; padding-bottom:1%; font-size:16px; font-weight:bold;}

@media(min-width:960px){
.auto_job{ padding:3% 0}
.jobs-search,
.jobs-list{ font-size:16px;}
.jobs-search.row-3 dl{ float:left; width:27%;}
.jobs-search.row-4 dl{ float:left; width:21%;}
.jobs-resume .h3{ padding:2.4%; font-size:18px;}
.jobs-resume .h3 b{ font-size:24px;}
.jobs-resume .row-3{ float:left; width:33%;}
.jobs-resume .empty{ height:66px;}
.jobs-resume dl dt{ width:120px; font-size:16px;}
.jobs-resume dl dd{ padding-left:120px}
.jobs-search .search{ position: absolute; right:2%; width:11%;}
}
@media(max-width:960px){
.jobs-search dl{ padding-bottom:1%;}
}

#login-reg{ background-color:#fcfcfc; border:solid 1px #ededed;}
#login-reg .column{ text-align:center;}
#login-reg .form{ padding:5% 3%;}
#login-reg .form dl{ padding:2% 0; overflow:hidden;}
#login-reg .form dl dt{ float:left; width:18%; text-align:right;}
#login-reg .form dl dd{ float:right; width:82%; padding:0 2%; position:relative;}
#login-reg .form dl dd .text{ padding:0 5px; border:solid 1px #ededed; background-color:#fff; width:98%;}
#login-reg .form,
#login-reg .form dl dd .text{ line-height:30px;}
#login-reg .form .btn{ padding:4% 0; text-align:center;}
#login-reg .form .btn input{ font-size:16px; color:#fff; background-color:#e60012; border:none; cursor:pointer; width:120px; height:32px; line-height:32px;}
#login-reg .form .required{ position:absolute; right:0; top:20%; color:#e60012;}
#login-reg .form dl.code .text{ width:35%}
#login-reg .form dl.code .img{ padding:0 3%;}
#login-reg .form dl.code .img img{ max-width:136px; border:solid 1px #ededed;}
#login-reg .form dl.code .refresh{ padding-left:20px; color:#999999; background:url(../images/refresh.png) no-repeat left;}
@media(min-width:768px){
#login-reg .form{ font-size:16px;}
#login-reg .form,
#login-reg .form dl dd .text{ line-height:50px;}
#login-reg .form dl{ padding:1% 0;}
#login-reg .form .btn input{width:146px; height:40px; line-height:40px;}
}
@media(min-width:1200px){
#login-reg .form{ padding:3% 20%;}
}
@media(max-width:768px){
#login-reg .form dl.code .img img{ max-height:32px;}
}
.Pages{ text-align:center; padding:3% 0; clear:both;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages em{ font-style:normal;}
.Pages a{ padding:7px 15px; display:inline-block; border:solid 1px #edecec;}
.Pages a.a_cur{ background-color:#e60012; border-color:#e60012; color:#fff;}
.Pages a.no{ cursor:default; color:#a7a8a9;}
@media(max-width:768px){
.Pages a{ padding:0px 5px}
}

.detail-article{ padding:2% 0;}
.detail-article .title{ font-size:18px; text-align:center; padding:2% 0; line-height:140%}
.detail-article .other{ padding-bottom:3%; text-align:center; color:#999999; }
.detail-article video{ max-width:100%; margin:auto; display:block}
.info_back{ padding-top:2%; padding-bottom:3%;text-align:center; border-bottom:solid 1px #ededed;}
.info_back a{ line-height:40px; width:140px; display:inline-block; background-color:#e60012; color:#fff;}
.info_prev_next{ padding:2% 0}
.info_prev_next span{ display:block; opacity:0.6;}
@media(min-width:768px){
.detail-article .title{ font-size:30px;}
.info_prev_next span{width:45%;}
.info_prev_next span.prev{ float:left;}
.info_prev_next span.next{ float:right; text-align:right;}
.detail-article video{ max-width:70%;}
}

/*job end*/

.single{ text-align:justify; position:relative; padding-top:1%; padding-bottom:1%;}

.edit-jtjj .num{ padding-bottom:3%;}
.edit-jtjj .num ul li{ width:20%; float:left; border-left:solid 1px #f3f3f3; padding:2%;}
.edit-jtjj .num ul li b,
.edit-jtjj .num ul li span{ display:block;}
.edit-jtjj .num ul li b{ font-size:40px; line-height:60px;}
.edit-jtjj .num ul li span{ font-size:16px;}
.edit-jtjj .num ul li i{ display:block; width:30px; height:30px;}
.edit-jtjj .num ul li i.icon{ background-color:#e4e4e4; border-radius:100px; background-image:url(../images/txt_icon.png); background-repeat:no-repeat;}
.edit-jtjj .num ul li.n1 i.icon{ background-position:left}
.edit-jtjj .num ul li.n2 i.icon{ background-position:-30px}
.edit-jtjj .num ul li.n3 i.icon{ background-position:-60px}
.edit-jtjj .num ul li.n4 i.icon{ background-position:-90px}
.edit-jtjj .num ul li.n5{ background-color:#e60012; border-left:none; color:#fff;}
.edit-jtjj .fl .txt{ margin:5% 0; padding:0 22px; border-left:solid 7px #f3f3f3; }

.edit-jtjj .fr .txt{ line-height:28px; font-size:16px; padding:1% 0 0 50%;}
.edit-jtjj .fr .txt .h4{ padding:13% 0; font-size:22px;}
.edit-jtjj .fr .txt p{ padding:11% 0; margin:0}
.edit-jtjj .txt-wap{ display:none;}
@media(min-width:768px){
.edit-jtjj .fl{ width:60%;}
.edit-jtjj .fr{ width:40%}
}
@media(max-width:1366px){
.edit-jtjj .num ul li b{ font-size:32px;}
}
@media(max-width:1000px){
.edit-jtjj .num ul li b{ font-size:22px; line-height:40px;}
.edit-jtjj .num ul li span{ font-size:14px;}
}
@media(max-width:768px){
.edit-jtjj .num ul li{ width:50%; margin-bottom:2%}
.edit-jtjj .num ul li.n5{ width:100%; text-align:center}
.edit-jtjj .num ul li.n5 b,
.edit-jtjj .num ul li.n5 span{ display:inline-block}
.edit-jtjj .num ul li.n5 i{ display:none;}
.edit-jtjj .num ul li.n5 span{ padding-left:10px;}
.edit-jtjj .fr .txt{padding:0 22px; font-size:14px; background:none!important}
.edit-jtjj .fr .txt .h4{ padding:2% 0; font-size:18px;}
.edit-jtjj .fr .txt p{ padding:2% 0;}
.edit-jtjj .txt-wap{ display: block; padding:2% 22px}
.edit-jtjj .txt-pc{ display:none;}
}

.edit-social .sub-column{ padding:0;}

.edit-social .num{ padding-bottom:3%;}
.edit-social .num ul li{ width:33%; float:left; margin-bottom:2%; border-left:solid 1px #f3f3f3; padding:2%;}
.edit-social .num ul li b,
.edit-social .num ul li span{ display:block;}
.edit-social .num ul li b{ font-size:40px; line-height:60px;}
.edit-social .num ul li span{}
.edit-social .num ul li i{ display:block; width:30px; height:30px;}
.edit-social .num ul li i.icon{ background-color:#e4e4e4; border-radius:100px; background-image:url(../images/txt_icon.png); background-repeat:no-repeat;}
.edit-social .item1 .num dl{ padding-top:2%; padding-bottom:4%}
.edit-social .item1 .num dl span{ display:inline-block; line-height:43px; width:156px; text-align:center; padding-right:26px; color:#fff; font-size:24px; background:url(../images/year_bg.png) no-repeat right;}
.edit-social .item1 .num ul li.n1 i.icon{ background-position:-240px}
.edit-social .item1 .num ul li.n2 i.icon{ background-position:-270px}
.edit-social .item1 .num ul li.n3 i.icon{ background-position:-left}
.edit-social .item1 .num ul li.n4 i.icon{ background-position:-300px}
.edit-social .item1 .num ul li.n5 i.icon{ background-position:-300px}
.edit-social .item1 .num ul li.n6 i.icon{ background-position:-330px}
.edit-social .item1 .num ul li.n7 i.icon{ background-position:-270px}
.edit-social .item1 .num ul li.n8 i.icon{ background-position:-300px}

.edit-social .item2 .bg-photo{ padding-bottom:10%; background-repeat:no-repeat; background-position: center top; background-size:contain}
.edit-social .item2 .num{ padding-top:3%; background-color:#ebebeb;}
.edit-social .item2 .num ul li{ border-left-color:#d3d3d3;}
.edit-social .item2 .num ul li i.icon{ background-position:-360px}
.edit-social .item2 .num ul li.n1 i.icon{ background-position:-270px}

.edit-social .item3 .single{ padding-bottom:0}
.edit-social .item3 .h3{ text-align:center}
.edit-social .item3 ol li{ padding-top:10px; padding-left:17px; position:relative}
.edit-social .item3 ol li:before{ position:absolute; left:0; top:24px; display:inline-block; content:''; width:6px; height:6px; border-radius:100px; background-color:#e60012;}
.edit-social .item3 ol li span{ padding:5px 0; font-size:16px; display:inline-block; border-bottom:solid 1px #8b8b8b;}

.edit-social .item4{margin:3% 0;}
.edit-social .item4 .single{ position:absolute; width:100%;}
.edit-social .item4 .h3{ color:#fff; text-align:center; border-bottom-color:rgba(255,255,255,0.2)}
.edit-social .item4 .intro{color:#fff; max-width:440px; padding-bottom:16%; margin:auto; text-align:center;}
.edit-social .item4 .num{ text-align:center; padding:2%; background-color:#fff; border-radius:50px 0 50px 0; box-shadow:0 7px 20px rgba(0, 0, 0, 0.2)}
.edit-social .item4 .num ul li{ padding:0 5%;; border:none;}
.edit-social .item4 .num ul li i.icon{ margin:auto;}
.edit-social .item4 .num ul li span{ font-size:14px;}
.edit-social .item4 .num ul li.n1 i.icon{ background-position:-270px}
.edit-social .item4 .num ul li.n2 i.icon{ background-position:-390px}
.edit-social .item4 .num ul li.n3 i.icon{ background-position:-420px}

.edit-social .item5 .h3{ text-align:center;}
.edit-social .item5 .down-hot{ padding:0 3%;}
.edit-social .item5 .down-hot .ul{ position:relative; z-index:5; margin:auto;}
.edit-social .item5 .down-hot .ul li{text-align:center; width:300px; padding-top:130px;}
.edit-social .item5 .down-hot .pic{ background-repeat:no-repeat; background-position: center bottom; padding-bottom:129%; background-size: cover;}
.edit-social .item5 .down-hot dl{ padding:15px 0; opacity:0;}
.edit-social .item5 .down-hot dl a{  display:inline-block; line-height:35px; max-width:143px; width:100%; font-size:16px; color:#fff; border-radius:100px; background:#e60012 url(../images/pdf.png) no-repeat right}
.edit-social .item5 .down-hot h6{ z-index:5;  text-align:center; position:relative; padding-bottom:35px; font-size:24px;}
.edit-social .item5 .down-hot h6 span{ padding-top:20px; display:block;}
.edit-social .item5 .down-hot h6:before{content:''; display:block; margin:auto; width:20px; height:20px; border-radius:100px; background-color:#a9a9a9;}
.edit-social .item5 .flipster{ padding:0 30px; overflow:hidden; position:relative;}
.edit-social .item5 .flipster:after{ z-index:1; content:''; position:absolute; bottom:14.4%; display:block; width:100%; height:1px; background-color:#d3d3d3;}
.edit-social .item5 .down-hot .ul li.flip-current{ padding-top:0px;}
.edit-social .item5 .flip-current .pic{border:solid 5px #e60012;box-shadow:0 7px 20px rgba(0, 0, 0, 0.2); border-radius:4px;}
.edit-social .item5 .flip-current dl{ padding:30px 0; opacity:1; border-top:none;}
.edit-social .item5 .flip-current h6:before{ width:100%; height:4px; background-color:#e60012;}
.edit-social .item5 .flipto-prev,
.edit-social .item5 .flipto-next{ display:block; font-size:0; line-height:0; transition:all 0.5s ease-out 0s; top:50%; position:absolute; width:22px; height:23px; background-color:#fff; background-image: url(../images/owl-arrow.png); background-repeat:no-repeat;}
.edit-social .item5 .flipto-prev{ left:0; background-position:left top;}
.edit-social .item5 .flipto-next{ right:0; background-position: right bottom}
.edit-social .item5 .flipto-prev:hover{ background-position:right top;}
.edit-social .item5 .flipto-next:hover{ background-position: left bottom}
.edit-social .item5 .flipto-prev:before,
.edit-social .item5 .flipto-next:before{ display:none;}


@media(min-width:768px){

.edit-social .num ul li:nth-child(3n+1){ clear:both}
.edit-social .item1 .intro,
.edit-social .item1 .num{ padding-right:45%;}
.edit-social .item1 .photo{ position:absolute; top:84px; right:0; width:38.462%}
.edit-social .item1 .txt{ }

.edit-social .item2 .intro,
.edit-social .item2 .num{ padding-left:40%}
.edit-social .item2 .num{ position:absolute; width:100%; position:relative}
.edit-social .item2 .photo{ position:absolute;bottom:13%; left:3%; width:33.385%; z-index:5}


.edit-social .item3 .intro{ width:44%; border-top-left-radius:50px; padding:4%; position:absolute; right:0; bottom:0; background-color:#fff;}


.edit-social .item4 .num{ position:absolute; bottom:40px; width:80%; left:10%}
}

@media(min-width:1200px){
.edit-social .item4 .intro{padding-bottom:30%;}
.edit-social .item4 .num{ bottom:80px; width:60%; left:20%}
}
@media(max-width:1366px){
.edit-social .num ul li b{ font-size:32px;}
}
@media(max-width:1000px){
.edit-social .num ul li b{ font-size:22px; line-height:40px;}

}
@media(max-width:768px){
.edit-social .num ul li:nth-child(2n+1){ clear:both}
.edit-social .num ul li{ width:50%;}
.edit-social .num ul li:nth-child(2n+1){ clear:both;}
.edit-social .item1 .num dl span{ font-size:18px;}

.edit-social .item2 .photo2{ padding:0 1.5%}

.edit-social .item5 .down-hot{ padding:0 1%;}
.edit-social .item5 .down-hot .ul li{ width:160px; padding-top:0}
.edit-social .item5 .flip-current dl{ padding:10px 0}
.edit-social .item5 .flipster:after{ display:none;}
.edit-social .item5 .down-hot h6{ opacity:0; font-size:16px;}
.edit-social .item5 .down-hot .ul li.flip-current h6{ opacity:1}
.edit-social .item5 .flip-past,
.edit-social .item5 .flip-future{ opacity:0}
}

.sub-column{ font-weight:bold; font-size:26px; border-bottom:solid 1px #f5f4f4; padding:0 3%; margin-bottom:3%}
.sub-column span{ line-height:70px; display: inline-block; border-bottom:solid 3px #e60012;}
@media(max-width:1000px){
.sub-column span{ font-size:18px; line-height:50px;}
}

.name-industry{ position:relative; padding:1% 10% 7% 0;}

.body-industry{}
.edit-industry .box{ padding:0 10%; position:relative; margin-top:2px; background-repeat:no-repeat; background-size:contain;}

.edit-industry #item3:after{ left:40%;}
.edit-industry .txt{ padding:5% 0;}
.edit-industry .txt .h4{ font-size:18px; padding:2% 0; color:#4CAF50;}
.edit-industry .txt .icon{ z-index:5; left:15%; top:-5%; position:absolute; }
.edit-industry .txt .icon img{ width:60px; height:60px;background-color:#4CAF50; border-radius:100px; animation: spinAround 3s linear infinite;}

@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
.edit-industry .txt .num{ font-size:30px; display:block; color:#dcdcdc; font-weight:normal;}
.edit-industry .con dl{ float:left; padding:0 2%; border-left:solid 4px #e7e7e7}
.edit-industry .con dl b{ padding-bottom:20px; font-size:40px; display:block;}
.edit-industry .con dl i{ font-style:normal; color:#999999;}
.edit-industry .intro{ padding:2% 0; text-align:justify !important;}
.edit-industry .intro p{ text-align:justify !important;}
.edit-industry #item1{background-position: right top}
.edit-industry #item1 .con dl{ width:25%;}
.edit-industry #item2{background-position: left top}
.edit-industry #item2 .txt.ShuzScroll{ padding:10% 0;}
.edit-industry #item2 .txt .icon{ left:auto; right:15%}
.edit-industry #item2 .txt .num,
.edit-industry #item2 .h4{ text-align:right;}
.edit-industry #item2 .intro{ padding-left:60%}
.edit-industry #item2 .con{ text-align:right;}
.edit-industry #item2 .con em{ font-style:normal; border:solid 1px #d4d4d4; display:inline-block; padding:5px 17px;}
.edit-industry #item3{ padding-left:0; background-position: center top}
.edit-industry #item3 .txt .icon{ left:55%}
.edit-industry #item3 .txt{ padding-left:0}
.edit-industry #item3 .intro{ padding-right:60%}
.edit-industry #item3 .con dl{ width:20%;}
.edit-industry #item4{background-position: left top}
.edit-industry #item4 .txt.ShuzScroll{ padding:10% 0 6% 0;}
.edit-industry #item4 .txt .num,
.edit-industry #item4 .h4{ text-align:right;}
.edit-industry #item4 .txt .icon{ left:auto; right:15%}
.edit-industry #item4 .intro{ padding-left:55%}
.edit-industry #item4 .con{ padding-left:55%;}
.edit-industry #item4 .con dl{ width:33%}
.edit-industry #item5{background-position: center top}
.edit-industry #item5 .intro{ padding-right:55%}
.edit-industry #item5 .con{ padding-right:10%}
.edit-industry #item5 .con dl{ width:25%}
.edit-industry #item6:after{ right:42%; width:34%}
.edit-industry #item6{ padding-right:0;}
.edit-industry #item6 .txt{ padding-left:58%;}
.edit-industry #item6 .con dl{ width:50%}
.edit-industry #item6b{background-position: right top}
.edit-industry #item6b .intro{ padding-right:55%}
.edit-industry #item6b .txt{ padding-top:10%; padding-bottom:20%;}
.edit-industry #item6b:after{ width:38%; right:46%}
.edit-industry #item7 .txt .h4{ padding-left:55%}
.edit-industry #item7 .txt .num{ position:absolute; right:10%;}
.edit-industry #item7 .txt .icon{ right:10%; top:0; left:auto;}
.edit-industry #item7 .intro{ padding-left:55%}
.edit-industry #item7 .con{ padding-left:55%}
.edit-industry #item7 .con dl{ width:50%;}
.edit-industry #item7:after{ border-bottom:none;border-radius: 0 50% 0 0;}
@media(min-width:768px){
.name-industry:before{ content:''; display:block; position:absolute; top:20%; right:0; width:23px; height:23px; border-radius:100px; background-color:#4CAF50;}
.name-industry:after{ content:''; right:0; bottom:-4px; position:absolute; width:28%; height:100%; border-right:solid 2px #4CAF50; border-bottom:solid 2px #4CAF50;border-radius:0 0 100% 0;}
.name-industry .column.rows-2{ text-align:right;}

.edit-industry .txt .h4{ font-size:26px;}
.edit-industry .txt .num{ font-size:80px; line-height:100%;}

.edit-industry #item1:before,
.edit-industry #item2:before,
.edit-industry #item5:before,
.edit-industry #item7:before{ content:''; width:60%; display:block; margin:auto;border-top:solid 2px #4CAF50;}
.edit-industry .box:after{ position:absolute; content:''; top:0; height:100%; width:40%;}
.edit-industry .box:nth-child(odd):after{ left:0; border:solid 2px #4CAF50; border-right:none;border-radius:100% 0 0 100%;}
.edit-industry .box:nth-child(even):after{ right:0; border:solid 2px #4CAF50; border-left:none;border-radius:0 100% 100% 0;}

.edit-industry #item7 .txt{ padding-bottom:20%;}

.edit-industry .wap-img,
.edit-industry .pc-img2{ position:absolute;}
.edit-industry #item1 .wap-img{ max-width:44%; left:29.7%; top:5%}
.edit-industry #item1 .pc-img2{ width:27%; right:0; top:1%}
.edit-industry #item2 .wap-img{ max-width:52%; left:0; top:0%}
.edit-industry #item2 .pc-img2{ width:51%; right:14%; top:10%;}
.edit-industry #item3 .wap-img{ max-width:51%; right:3%; top:14%}
.edit-industry #item3 .pc-img2{ width:31.2%; left:7%; top:10%}
.edit-industry #item4 .wap-img{ max-width:39%; right:21%; top:15%}
.edit-industry #item4 .pc-img2{ width:48%; left:0; top:8%}
.edit-industry #item5 .wap-img{ max-width:45%; right:0; top:14%}
.edit-industry #item5 .pc-img2{ width:46%; left:20%; top:0}
.edit-industry #item6 .wap-img{ max-width:59%; left:0; top:10%}
.edit-industry #item6b .wap-img{ max-width:59%; right:0; top:6%}
.edit-industry #item7 .wap-img{ max-width:59%; left:0; bottom:10%}
}
@media(max-width:1366px){
.edit-industry .con dl b{ font-size:32px;}
}
@media(max-width:1000px){
.edit-industry .con dl b{ font-size:22px;}
}
@media(max-width:768px){
.edit-industry .box{ padding:0; border-top:solid 2px #e60012}
.edit-industry .box#item6b{ border:none;}
.edit-industry #item2 .intro,
.edit-industry #item4 .intro,
.edit-industry #item6 .txt,
.edit-industry #item7 .intro,
.edit-industry #item4 .con,
.edit-industry #item7 .con{ padding-left:0}
.edit-industry #item3 .intro,
.edit-industry #item5 .intro,
.edit-industry #item6b .intro,
.edit-industry #item5 .con{ padding-right:0}
.edit-industry .con dl b{padding-bottom:5px;}
.edit-industry .box .con dl{ width:50%!important; margin-bottom:5px;}
.edit-industry #item2 .con{ text-align:left}
.edit-industry #item2 .con em{ margin-bottom:2px; display:block;}
.edit-industry .txt{ padding:0;}
.edit-industry .txt .num{ position:absolute;}
.edit-industry .txt .num,
.edit-industry .txt .h4{ line-height:40px;}
.edit-industry .txt .h4{ padding:0 25px}
.edit-industry #item2 .txt .num,
.edit-industry #item4 .txt .num,
.edit-industry #item7 .txt .num{ right:0;}
.edit-industry #item7 .txt .h4{ padding-left:0; text-align:right}
.edit-industry .txt .icon,
.edit-industry #item7 .txt .icon{ top:-20px;}
.edit-industry .txt .icon img{ width:40px; height:40px;}
.edit-industry #item1 .txt .icon,
.edit-industry #item3 .txt .icon,
.edit-industry #item5 .txt .icon,
.edit-industry #item6 .txt .icon{ left:0}
.edit-industry #item2 .txt .icon,
.edit-industry #item4 .txt .icon,
.edit-industry #item7 .txt .icon{  right:0}
.edit-industry #item6b .txt{ padding:0}
.edit-industry .box{ padding-top:30px; padding-bottom:20px; background-image:none!important}
.edit-industry .pc-img2{ display:none;}
.edit-industry #item4 .wap-img{ display:none;}
.edit-industry #item4 .pc-img2{ display:block;}
.edit-industry #item4 .intro{ margin-top:-10%;}

}
.bx-wrapper{ position:relative; margin:auto;}
.bx-wrapper ul{ min-width:100%;}
.bx-style .bx-controls-direction a{ opacity:0.22; opacity:0.5; font-size:0; line-height:0; overflow:hidden; z-index:1; position:absolute; top:50%; display:block; width:35px; height:35px; transform: rotate(45deg);}
.bx-style .bx-controls-direction a.bx-prev{ left:5%; border-bottom:4px solid #ffffff; border-left:4px solid #ffffff;}
.bx-style .bx-controls-direction a.bx-next{ right:5%; border-top:4px solid #ffffff; border-right:4px solid #ffffff;}
.bx-style .bx-controls-direction a:hover{ opacity:1; border-color:#e60012}

.bx-style .bx-controls-direction{}
.bx-style .bx-pager{ text-align:center; position:absolute; width:100%; bottom:0; z-index:1;}
.bx-style .bx-pager-item{ display:inline-block; padding:0px 5px}
.bx-style .bx-pager-item a{ font-size:0; line-height:0; padding:14px; display:inline-block; overflow:hidden; width:40px; height:40px; border:solid 1px transparent; border-radius:100px;}
.bx-style .bx-pager-item a:before{ content:''; position:relative; display:block; width:10px; height:10px; background-color:#e8e8e8;border-radius:100px;}
.bx-style .bx-pager-item a.active{ border-color:#e60012}
.bx-style .bx-pager-item a.active:before{ background-color:#e60012;}
@media(max-width:640px){
.bx-style .bx-pager-item a{ width:24px; height:24px;}
.bx-style .bx-pager-item a:before{ margin-left:-5px; margin-top:-5px;}
}

.DetailShare{ text-align:center; padding:30px 0}
.DetailShare a{ position:relative; font-size:36px; color:#999999!important; line-height:70px!important; border:solid 1px #dbdbdb; border-radius:100px; overflow:inherit!important;}
.DetailShare.bdsharebuttonbox a{ width:70px!important; height:70px!important; float:none!important; display:inline-block!important; margin:0 20px!important;  text-indent:inherit!important; background:none!important;}
.DetailShare a.icon-dianzan:hover,
.DetailShare a.icon-dianzan.zan,
.DetailShare a.icon-dianzan.on{ color:#ffa500!important; border-color:#ffa500}
.DetailShare a.icon-weixin:hover,.DetailShare a.icon-weixin.on{ color:#139202!important; border-color:#139202}
.DetailShare a.icon-weibo:hover,.DetailShare a.icon-weibo.on{ color:#ff0000!important; border-color:#ff0000}
.DetailShare a.icon-xinxi:hover,.DetailShare a.icon-xinxi.on{ color:#720292!important; border-color:#720292}
.DetailShare a.icon-xinxi{ font-size:32px;}

.DetailShare a.icon-dianzan span{ display:none; position:absolute; left:0; width:100%; line-height:24px; font-size:16px; color:#ff0000;}
.DetailShare a.icon-dianzan span.record{ top:-30px;}
.DetailShare a.icon-dianzan span.amount{ bottom:-30px;}

.ul li .h3{ font-size:20px;}
.ul li .h4{ font-size:18px;}
.ul li .h5{ font-size:16px;}
.ul li .h6{ font-size:14px;}
@media(max-width:960px){
.ul li .h3{ font-size:16px;}
.ul li .h4{ font-size:16px;}
.ul li .h5{ font-size:14px;}
.ul li .h6{ font-size:14px;}

.DetailShare a{ font-size:24px;}
.DetailShare a.icon-xinxi{ font-size:20px;}
.DetailShare.bdsharebuttonbox a{ width:50px!important; height:50px!important; margin:0 5px!important;line-height:50px!important;}

}




.events-list{padding:2% 0; max-width:1230px;}
.events-list .line{ width:100%; height:1px; display:block;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(left, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 50%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 50%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 50%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 */	
}
.events-list #bx-pager{ margin:-11px 30px 30px 30px;line-height:50px;text-align:center; white-space:nowrap;  position:relative;}
.events-list #bx-pager ul li { padding-top:5px; float:left; width:130px; cursor:pointer; font-size:16px; text-align:center;}
.events-list #bx-pager ul li a{ display:inline-block; color:#999999;}
.events-list #bx-pager ul li a:before{content:''; display:block; margin:auto; width:11px; height:11px; border-radius:100px; background-color:#e5e5e5;}
.events-list #bx-pager ul li a.active:before{ width:21px; height:21px; background-color:#e60012;}
.events-list #bx-pager ul li a.active { margin-top:-5px; font-size:24px; color:#252525; font-weight:bold;}
.events-list .bx-controls-direction a{ font-size:0; line-height:0; cursor:pointer; position:absolute; display:block; background-color:#e60012; top:10px; width:20px; height:2px;}
.events-list .bx-controls-direction a:before{ position:absolute;  top:-5px; content:'';display:block; width:10px; height:10px; overflow:hidden; border-top:solid 2px #e60012; border-right:solid 2px #e60012;}
.events-list .bx-controls-direction a.bx-prev{ left:-30px;}
.events-list .bx-controls-direction a.bx-next{ right:-30px;}
.events-list .bx-controls-direction a.bx-prev:before{left:0px; transform:rotate(-135deg)}
.events-list .bx-controls-direction a.bx-next:before{right:0px; transform:rotate(45deg)}
.events-list .bx-controls-direction a.disabled{ cursor: default;background-color:#d8d6d7;}
.events-list .bx-controls-direction a.disabled:before{ border-top-color:#d8d6d7; border-right-color:#d8d6d7}

.events-list .con{}
.events-list .con ul{ overflow:hidden;  padding-top: 3%;}
.events-list .con ul li{}
.events-list .con ul li a{ display:block;  position:relative;}
.events-list .con ul li .pic{ position:absolute; width:42.278%; height:100%;}
.events-list .con ul li .pic img{ width:100%; height:100%}
.events-list .con ul li .txt{ padding:8% 10%; background-color:#f9f9f9;}
.events-list .con ul li .txt span{ font-size:20px; font-weight:bold;}
.events-list .con ul li .txt h5{ padding-top:0.66%; padding-bottom:4%;}
.events-list .con ul li .txt p{ height:72px; overflow:hidden;font-size: 16px;margin-top: 10px;}
.events-list .con ul li .txt i{ position:relative;  display:block; background-color:#333333; width:20px; height:2px; display:none;}
.events-list .con ul li .txt i:before{ right:0px; transform:rotate(45deg);position:absolute;  top:-5px; content:'';display:block; width:10px; height:10px; overflow:hidden; border-top:solid 2px #333333; border-right:solid 2px #333333;}
.events-list .con ul li:nth-child(odd) a{ padding-left:42.278%;}
.events-list .con ul li:nth-child(even) a{ padding-right:42.278%;}
.events-list .con ul li:nth-child(odd) .pic{ left:0;}
.events-list .con ul li:nth-child(even) .pic{ right:0;}
.events-list .con ul li a:hover .txt p{ color:#fff}
.events-list .con ul li a:hover .txt i{ background-color:#fff;}
.events-list .con ul li a:hover .txt i:before{ border-top-color:#fff; border-right-color:#fff}
.events-list .con ul li a:hover{ color:#fff;}
.events-list .con ul li a:hover .txt{
background: rgb(254,215,53); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(254,215,53,1) 0%, rgba(254,179,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(254,215,53,1) 0%,rgba(254,179,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(254,215,53,1) 0%,rgba(254,179,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed735', endColorstr='#feb31d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.events-info { padding:2%; max-width:500px; display:none;}
.events-info .h5{ font-size:16px; text-align:center; padding:20px 0; color:#222; font-weight:bold;}
.events-info .txt{}

@media(min-width:640px){
.events-list .con ul li{ margin-top:-3%;}
.events-list .con ul li:nth-child(odd){ padding-left:50%;}
.events-list .con ul li:nth-child(even){ padding-right:50%;}
}
@media(max-width:640px){
.events-list .con ul li{ margin:2% 0;}
}

.bg-gray{ background-color:#f9f9f9; padding-bottom:5%}


.flipto-prev,
.flipto-next{ z-index:5; font-size:0; line-height:0; cursor:pointer; position:absolute; display:block; background-color:#d1d1d1; top:48%; width:20px; height:2px;}
.flipto-prev:before,
.flipto-next:before{ position:absolute;  top:-5px; content:'';display:block; width:10px; height:10px; overflow:hidden; border-top:solid 2px #d1d1d1; border-right:solid 2px #d1d1d1;}
.flipto-prev{ left:5px;}
.flipto-next{ right:5px;}
.flipto-prev:before{left:0px; transform:rotate(-135deg)}
.flipto-next:before{right:0px; transform:rotate(45deg)}
.flipto-prev:hover,
.flipto-next:hover{background-color:#e60012;}
.flipto-prev:hover:before,
.flipto-next:hover:before{ border-top-color:#e60012; border-right-color:#e60012}

.honor-hot .flip-current .fancybox{ display:block; left:0; top:0; z-index:5; position:absolute; width:100%; height:100%;}
.honor-hot .flip-content:hover .h6{ color:#ff0000}

.honor-list{ text-align:center;}
.honor-list ul li{ width:50%; /*float:left;*/ display:inline-block; border:solid 1px #f3f3f3; margin-top:-1px; margin-left:-1px}
.honor-list ul li a{  padding:8% 5%; display:block; position:relative}
.honor-list ul li .pic{ height:150px; text-align:center;}
.honor-list ul li .pic .table-cell{ vertical-align:bottom;}
.honor-list ul li .pic img{ max-height:150px;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.16)));}
.honor-list ul li .txt{ padding:10% 0; text-align:center;}
.honor-list ul li .txt h6{ height:48px; overflow:hidden; margin-bottom:22px;}
.honor-list ul li .txt .icon{ display:block; margin:auto; width:19px; height:19px; background:url(../images/icon1.png) no-repeat left}
.honor-list ul li a:hover{ background-color:#f9f9f9}
.honor-list ul li a:hover .txt .icon{ background-position:right}
@media(min-width:640px){
.honor-list ul li{ width:20%;}	
}


.sub-product{ background-image:none; border-bottom:solid 1px #f3f3f3;padding-top: 46px;}
.sub-product .bg-color{ background-color:#f9f9f9; overflow:inherit;}
.sub-product ul li{ position:relative}
.sub-product ul li a { color:#333333; cursor:pointer;}
.sub-product ul li a i{ display: inline-block; margin-left:10px; border:solid 5px transparent; border-top-color:#7b7b7b;}
.sub-product ul li.on a i,
.sub-product ul li:hover a i{ border-top-color:#fff;}

.sub-category{ position:absolute; width:100%; z-index:66;/* background-color:rgba(0,0,0,0.8)*/}
.sub-category dl{ max-width:1300px; margin:auto; padding:5px 0; line-height:26px; display:none;}
.sub-category dl h5{ font-size:16px; font-weight:bold; padding-top:10px; clear:both}
.sub-category dl a{ display:block; color:#fff; padding:0 10px; text-align:left;}
.sub-category dl span{ padding:4px 5px; float:left; width:25%; display:block; font-size:14px; }
.sub-category dl span a{ border-bottom: solid 1px rgba(229,229,229,0.4)}
.sub-category dl span a:hover{ color:#ff0000}

.sub-product ul li.on a,
.sub-product ul li a:hover,
.product-category .list{
background: rgb(139,204,62); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(139,204,62,1) 60%, rgba(108,189,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(139,204,62,1) 60%,rgba(108,189,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(139,204,62,1) 60%,rgba(108,189,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcc3e', endColorstr='#6cbd21',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-product ul li.on:nth-child(2) a,
.sub-product ul li:nth-child(2) a:hover,
.product-category .list:nth-child(2){
background: rgb(252,179,147); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(252,179,147,1) 40%, rgba(250,152,133,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(252,179,147,1) 40%,rgba(250,152,133,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(252,179,147,1) 40%,rgba(250,152,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb393', endColorstr='#fa9885',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.sub-product ul li.on:nth-child(3) a,
.sub-product ul li:nth-child(3) a:hover,
.product-category .list:nth-child(3){
background: rgb(148,97,202); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(148,97,202,1) 60%, rgba(125,68,185,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(148,97,202,1) 60%,rgba(125,68,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(148,97,202,1) 60%,rgba(125,68,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9461ca', endColorstr='#7d44b9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-product ul li.on:nth-child(4) a,
.sub-product ul li:nth-child(4) a:hover,
.product-category .list:nth-child(4){
background: rgb(253,206,47); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(253,206,47,1) 40%,rgba(253,182,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(253,206,47,1) 40%,rgba(253,182,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce2f', endColorstr='#fdb61f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.product-category .list{ margin-bottom:4%; border-radius:0 10px 0px 10px; overflow:hidden; position:relative}
.product-category .list .photo{ position:absolute; height:100%; overflow:hidden;}
.product-category .list .photo a{position:absolute; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.product-category .list .photo a,
.product-category .list .photo a b,
.product-category .list .photo a b:before,
.product-category .list .photo a b:after{transition:All 0.4s ease-in-out; }
.product-category .list .photo:hover a{ opacity:0.98;transform:scale(1.1);}
.product-category .list .photo a b{ z-index:5; opacity:0; color:#fff; font-weight:normal; line-height:50px; position:absolute; width:100%; top:50%; text-align:center; display:block; font-size:26px;}
.product-category .list .photo a b:before,
.product-category .list .photo a b:after{content:''; width:0; height:1px; background-color:#fff; display:block; position:absolute;}
.product-category .list .photo a b:before{ left:5%;}
.product-category .list .photo a b:after{ right:5%;}
.product-category .list .photo a:hover b{ opacity:1}
.product-category .list .photo a:hover b:before,
.product-category .list .photo a:hover b:after{ width:90%;}
.product-category .list .photo a img{ display:none;}
.product-category .category{ padding:2% 3%; position:relative; overflow:hidden;}
.product-category .category,
.product-category .category a{ color:#fff;}
.product-category .category a:hover{ opacity:0.7}
.product-category .category .h2{ line-height:80px;}
.product-category .category .h2 a{ display:inline-block;}
.product-category .category .h2 span{ position:absolute; top:0; left:-20px; opacity:0.1; font-size:50px; font-weight:bold;}
.product-category .category .h2 img{ position:absolute; width:80px; height:80px;}
.product-category .category .h2 b{ padding-left:80px; font-size:26px; padding-right:15px;}
.product-category .category .h2 i{ font-style:normal; font-size:14px; padding:0px 17px; border-left:solid 1px rgba(255,255,255,0.4); background:url(../images/more.png) no-repeat right}
.product-category .category .h3{ padding-top:20px; padding-bottom:10px; font-size:22px;}
.product-category .category ul li{ background:url(../images/a_icon.png) no-repeat left; padding-left:14px; line-height:42px; float:left; width:31%; margin-right:3%; border-bottom:solid 1px rgba(255,255,255,0.4)}
.product-category .category ul li:nth-child(3n+3){ margin-right:0;}

.product-list{ padding-top:3%;}
.product-list ul li{ float:left;  text-align:center; padding-bottom:1%;}
.product-list ul li a{ display:block;}
.product-list ul li .pic{ overflow:hidden;}
.product-list ul li .pic span{ display:block; padding-bottom:76%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.product-list ul li .txt{ padding:5% 0; line-height:30px;}
.product-list ul li .txt dl{ color:#999999}
.product-list ul li .txt h3{ color:#000;}
.product-list ul li .txt h3:hover{ color:#F44336;}


.product-detail{ }
.product-detail .ban{ position:relative;}
.product-detail .intro{ text-align:center; padding:0 2%}
.product-detail .intro .h2{ font-size: 40px; line-height:50px; padding: 2% 0;}
.product-detail .intro .h3{ font-size:20px; padding-bottom:1%}
.product-detail .detail{text-align:center; padding:3% 0;}
.product-detail .h2{ font-size:30px; line-height:40px; padding:1% 0}
.product-detail .h3{ font-size:18px; padding-bottom:5%;}
.product-detail .buy{ text-align:center; padding:1% 0;}
.product-detail .buy a{ position:relative; cursor:pointer; text-align:left; padding:1% 0; margin:0 1%; width:26%; color:#c70c1b; font-size:16px; display:inline-block;  border:solid 1px #c70c1b; border-radius:0 10px 0 10px}
.product-detail .buy a.jd,
.product-detail .buy a.tmall{ padding-right:4%; text-align:right; color:#fff; background-color:#c70c1b; background-repeat:no-repeat; background-position:10% center}
.product-detail .buy a.jd{ background-image:url(../images/a_jd.png);}
.product-detail .buy a.tmall{ background-image:url(../images/a_tmall.png);}
.product-detail .buy a:after{ width:5px; height:9px; content:''; position:absolute; right:5%; top:42%; background-repeat:no-repeat;}
.product-detail .buy a.jd:after,
.product-detail .buy a.tmall:after{background-image:url(../images/a_icon_white.png) }
.product-detail .buy a.qt{ padding-left:4%;}
.product-detail .buy a.qt:after{background-image:url(../images/a_icon_red.png)}


@media(min-width:640px){
.sub-product ul li{ max-width:130px;}
.product-category .list .photo{ width:50%;}
.product-category .list .category{ width:50%;}
.product-category .list:nth-child(odd) .photo{ left:0;}
.product-category .list:nth-child(odd) .category{ float:right;}
.product-category .list:nth-child(even) .photo{ right:0}
.product-category .list:nth-child(even) .category{ float:left;}
.product-category .list .category dl{ float:left; width:23%; margin-right:2%;}
.product-category .list .category dl li{ float:none; width:100%; margin-right:0}

.product-list ul li{ width:32%; margin-left:2%;}
.product-list ul li:nth-child(3n+1){ margin-left:0; clear:both;}
.product-list ul li a{transition:all 0.5s ease-out 0s;}
.product-list ul li a:hover{box-shadow:0 5px 10px rgba(130,130,130,0.3);transform:translate(0,-10px);}
.product-list ul li .pic{ background-color:#000}
.product-list ul li .pic span{transition:All 0.4s ease-in-out;}
.product-list ul li a:hover .pic span{transform:scale(1.1); opacity:0.8}
}
@media(max-width:768px){
.product-detail .buy{ padding:2% 0;}
.product-detail .buy a{ padding:2% 0; font-size:14px; width:31%;}
.product-detail .buy a.jd,
.product-detail .buy a.tmall{ width:44%;}
.product-detail .buy a.qt{ width:90%; margin-top:2%;}
}
@media(max-width:640px){
.sub-product ul li{ /*width:25%;*/}
.sub-product {
    padding-top:0;
}
.sub-category dl span{ width:50%;}
.product-category .list .photo { position:inherit}
.product-category .list .photo a{ position:inherit}
.product-category .list .photo a img{ display:block;}
.product-category .list .photo a b{ font-size:20px;}
.product-category .category{ padding:3%;}
.product-category .category .h2{ line-height:50px;}
.product-category .category .h2 img{ width:50px; height:50px;}
.product-category .category .h2 span{ font-size:34px;}
.product-category .category .h2 b{ font-size:18px; padding-left:60px}
.product-category .category .h3{  font-size:16px; padding-top:10px; padding-bottom:0;}
.product-category .category ul li{ line-height:32px;}


.product-list ul li{ width:48%; margin-left:4%;}
.product-list ul li:nth-child(3n+1){ clear:inherit; margin-left:4%;}
.product-list ul li:nth-child(2n+1){ margin-left:0; clear:both;}

.product-detail{ font-size:14px; line-height:30px;}
.product-detail .intro .h2{ font-size:24px; line-height:30px;}
.product-detail .intro .h3{ font-size:18px;}
.product-detail .h2{ font-size:18px;}
.product-detail .h3{ font-size:16px; }

.product-detail .ban .bx-controls-direction{ display:none;}
}

.newstime{ display:block; font-size:12px; width:28.64%; line-height:22px;color:#fff;  background-color:#c70e1c;  text-align:center;   overflow:hidden;}
.newstime b{ padding:0px 5px;}

.news-hot-list ul li{ overflow:hidden; background-color:#f9f9f9;}
.news-hot-list ul li .pic a{ display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain}
.news-hot-list ul li .pic img{ display:none;}
.news-hot-list ul li .txt{ padding:2%; position:relative}
.news-hot-list ul li .txt .newstime{ position:relative; left:auto; width:66px; display:none;}
.news-hot-list ul li .txt .h5{ font-weight:bold;  overflow:hidden;}
.news-hot-list ul li .txt .p{ overflow:hidden; opacity:0.7;}
.news-hot-list ul li .txt dl{ padding-top:2%; opacity:0.7}
.news-hot-list ul li .txt dl span{ float:right;}
.news-hot-list ul li .txt dl em{ display:inline-block; padding:0px 11px; font-style:normal; border:solid 1px #666;}
.news-hot-list .bx-pager{ padding:3% 0; text-align:center;}
.news-hot-list .bx-pager-item{ display:inline-block; padding:0px 5px}
.news-hot-list .bx-pager-item a{ font-size:0; line-height:0; padding:14px; display:inline-block; overflow:hidden; width:40px; height:40px; border:solid 1px transparent; border-radius:100px;}
.news-hot-list .bx-pager-item a:before{ content:''; position:relative; display:block; width:10px; height:10px; background-color:#e8e8e8;border-radius:100px;}
.news-hot-list .bx-pager-item a.active{ border-color:#e60012}
.news-hot-list .bx-pager-item a.active:before{ background-color:#e60012;}
.news-hot-list .bx-controls-direction{ display:none;}
.news-hot-list .bx-controls-direction a {transition:all 0.5s ease-out 0s; font-size:0; line-height:0; overflow:hidden; width:40px; height:40px; position:absolute; display:block; top:30%; background-image:url(../images/bx-arrow.png); background-repeat:no-repeat;}
.news-hot-list .bx-controls-direction a.bx-prev{ left:0; background-position:right top;}
.news-hot-list .bx-controls-direction a.bx-next{ right:0; background-position:left bottom;}
.news-hot-list .bx-controls-direction a.disabled{ cursor:default;}
.news-hot-list .bx-controls-direction a.bx-prev.disabled{ background-position:left top;}
.news-hot-list .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}

.news-tab-list .tab{  text-align:center; border-bottom:solid 1px #e7e7e7; margin-bottom:3%;}
.news-tab-list .tab a{  font-weight:bold; line-height:30px; font-size:16px;  cursor:pointer; opacity:0.6; margin:0 10px; display:inline-block; border-bottom:solid 3px #fff;}
.news-tab-list .tab a.show{ opacity:1; border-color:#000;color: #000;}
/*.news-tab-list .box{ display:none;}*/
.news-tab-list ul li{ padding:2%; border:solid 1px #f1f1f1; margin-top:-1px;}
.news-tab-list ul li a{ overflow:hidden; display:block; padding:0; position:relative}
.news-tab-list ul li .newstime{ bottom:2%; position:absolute;}
.news-tab-list ul li .pic{ width:28.64%; height:94%;position:absolute; background-repeat:no-repeat; background-position:center center; background-size: cover}
.news-tab-list ul li .txt{ padding-left:32%; padding-top:1%}
.news-tab-list ul li .txt h5{ margin-bottom:10px; height:48px; overflow:hidden; color:#000;}
.news-tab-list ul li .txt p{ height:48px; opacity:0.7; color:#242424;}
.news-tab-list ul li .txt i{ width:17px; height:11px; display:block; transition:all 0.5s ease-out 0s; background:url(../images/a_jt.png) no-repeat right}
.news-tab-list ul li a:hover{ background-color:#e4e4e4}
.news-tab-list ul li a:hover .txt i{ background-position:left}
@media(min-width:960px){
.newstime{ font-size:14px; width:66px;  padding-top:35px; border-radius:0 6px 0px 6px;}
.newstime b{ width:100%; display:block; position:absolute; top:0; left:0; line-height:35px; background-color:#e60012; font-size:24px;}

.news-tab-list .tab a{line-height:70px; font-size:26px; margin:0 25px; color:#242424;}
.news-tab-list ul li{ padding:0; float:left; width:50%; margin-left:-1px;}
.news-tab-list ul li a{padding:35px 20px 35px 106px; }
.news-tab-list ul li .newstime{ top:35px; bottom:auto;  left:20px;}
.news-tab-list ul li .pic{ height:65%;}
.news-tab-list ul li .txt{ padding-left:42%;}
}
@media(min-width:640px){
.news-hot-list { padding:0 6%;}
.news-hot-list ul li .txt .h5{ font-size:22px; line-height:30px;}
.news-hot-list ul li .pic{ position:absolute; height:100%; width:43.707%;z-index:2;}
.news-hot-list ul li .txt{  padding:4% 3% 4% 48%;}
.news-hot-list ul li .txt .newstime{ display:block}
.news-hot-list ul li .txt .h5{ margin:5% 0; height:60px; }
.news-hot-list ul li .txt .h5 a{ color:#000;}
.news-hot-list ul li .txt .p{ height:48px;}
.news-hot-list ul li .txt dl{ padding-top:8%;}
.news-hot-list .bx-controls-direction{ display:block;}
.news-hot-list .bx-controls-direction a.bx-prev{ left:-6%;}
.news-hot-list .bx-controls-direction a.bx-next{ right:-6%;}
}
@media(max-width:960px){
.news-hot-list ul li .txt .h5,
.news-tab-list ul li .txt h5{ font-size:16px;}
}
@media(max-width:640px){
.news-hot-list ul li .pic a{ position:relative; background-image:none!important}
.news-hot-list ul li .pic img{ display:block;}
.news-hot-list .bx-pager-item a{ width:24px; height:24px;}
.news-hot-list .bx-pager-item a:before{ margin-left:-5px; margin-top:-5px;}
.news-tab-list .tab{ overflow:hidden;}
.news-tab-list .tab a{ font-size:18px;/* float:left;*/ width:25%; margin:0; text-align:center;}
.news-tab-list ul li .txt p{ display:none;}
}
.investor{ background-color:#d0e3f5;}
.investor .h4{ padding:1% 0; font-weight:bold; font-size:18px;}
.investor .intro{ background-color:#fff; border:solid 1px #f5f4f4; border-bottom:none;}
.investor .intro .txt{ padding:5% 3%;}
.investor .box{ background-color:#fff; padding:3%;border:solid 1px #f5f4f4; border-top:none; position:relative;}
.investor .box::before{ position:absolute; right:0; top:0; display:block; content:''; width:40%; height:1px; background-color:#f5f4f4;}
.investor .num{ padding:2% 0}
.investor .num ul li{ text-align:center; width:33%; float:left;  padding:2%;}
.investor .num ul li b,
.investor .num ul li span{ display:block;}
.investor .num ul li b{ font-size:40px; line-height:60px; color:#e60012}
.investor .num ul li i{ display:block; width:30px; height:30px; margin:auto;}
.investor .num ul li i.icon{ background-color:#e4e4e4; border-radius:100px; background-image:url(../images/txt_icon.png); background-repeat:no-repeat;}
.investor .num ul li.n1 i.icon{ background-position:left}
.investor .num ul li.n2 i.icon{ background-position:-60px;}
.investor .num ul li.n3 i.icon{ background-position:-90px}
.investor .num ul li.n2{border-left:solid 1px #f3f3f3;border-right:solid 1px #f3f3f3;}

.investor .bx-controls-direction{ text-align:center; padding-top:3%;}
.investor .bx-controls-direction a { margin:0px 10px; border-radius:0 10px 0 10px; transition:all 0.5s ease-out 0s; font-size:0; line-height:0; overflow:hidden; width:47px; height:47px; display:inline-block; background-image:url(../images/bx-arrow2.png); background-repeat:no-repeat; background-color:#e60012;}
.investor .bx-controls-direction a.bx-prev{ left:0; background-position:right top;}
.investor .bx-controls-direction a.bx-next{ right:0; background-position:left bottom;}
.investor .bx-controls-direction a.disabled{ cursor:default; background-color:#f9f9f9;}
.investor .bx-controls-direction a.bx-prev.disabled{ background-position:left top;}
.investor .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}

.investor.item1{ background-image:url(../images/investor_bg1.png); background-repeat:no-repeat; background-position:center top}

.investor.item2{ margin:4% 0;}
.investor.item2 .auto{ background-image:url(../images/investor_bg2.png); background-repeat:no-repeat; background-position:left top}

.investor.item2 .num ul li.n1 i.icon{ background-position:-120px}
.investor.item2 .num ul li.n2 i.icon{ background-position:-150px;}
.investor.item2 .num ul li.n3 i.icon{ background-position:-180px}

.investor.item3{ margin:4% 0; background-image:url(../images/investor_bg3.png); background-repeat:no-repeat; background-position:center top}

.investor.item3 .intro .txt{ padding-top:8%; padding-bottom:8%}
.investor.item3 .h4{ text-align:center; background-color:#f5f5f5; padding:1% 0; background-color:#f5f5f5; border:solid 1px #ededed;}
.investor.item3 .num ul li{ width:50%; border-right:none;}
.investor.item3 .num ul li.n1 i.icon{ background-position:-210px}
.investor.item3 .num ul li.n2 i.icon{ background-position:-210px;}
.investor.item3 .con{ overflow-x:auto; margin-top:-1px; padding-bottom:2%;}
.investor.item3 .con table,
.investor.item3 .con table td{border:solid 1px #ededed;}
.investor.item3 .con table td{ padding:1% 2%;}
.investor.item3 .con table tr:nth-child(even){ background-color:#fcfcfc;}
.investor.item3 .con table tr:nth-child(1){ font-weight:bold;}
.investor.item3 .con table tr:nth-child(1) td{ white-space:nowrap;}

.investor.item4{ background-color:#fff;}
.investor.item4 .h3{ text-align:center;}
.investor.item4 .con{ padding:3% 0;}
.investor.item4 ul li{ float:left; width:30%; padding:1.5% 0;}
.investor.item4 ul li a{ cursor:pointer; position:relative; padding:9.6% 0; display:block; border:solid 1px #f3f3f3; border-radius:8px; overflow:hidden;box-shadow: 0 2px 0 0 #f9f9f9;}
.investor.item4 ul li a b{ font-weight:normal; display:block; padding-left:50%; font-size:20px;}
.investor.item4 ul li a b:after{ margin-top:10px; content:''; display:block; background:url(../images/icon3.png) no-repeat; width:18px; height:12px;}
.investor.item4 ul li a:before{ top:0; content:''; display:block; position:absolute; width:47%; height:100%;  background-repeat:no-repeat; background-position:right center}
.investor.item4 ul li:nth-child(3n+2){ margin:0 5%;}
.investor.item4 ul li.n1 a:before{background-image:url(../images/a_bg1.png);}
.investor.item4 ul li.n2 a:before{background-image:url(../images/a_bg2.png);}
.investor.item4 ul li.n3 a:before{background-image:url(../images/a_bg3.png);}
.investor.item4 ul li.n4 a:before{background-image:url(../images/a_bg4.png);}
.investor.item4 ul li.n5 a:before{background-image:url(../images/a_bg5.png);}
.investor.item4 ul li.n6 a:before{background-image:url(../images/a_bg6.png);}
.investor.item4 ul li.n7 a:before{background-image:url(../images/a_bg7.png);}
.investor.item4 ul li.n8 a:before{background-image:url(../images/a_bg8.png);}
.investor.item4 ul li.n9 a:before{background-image:url(../images/a_bg9.png);}
@media(min-width:768px){
.investor.item2 .intro{ margin-left:40%;}
.investor.item1 .intro,
.investor.item3 .intro{ margin-right:40%;}

}
@media(max-width:1366px){
.investor .num ul li b{ font-size:32px;}
}
@media(max-width:1000px){
.investor .h4{ font-size:16px;}
.investor .num ul li b{ font-size:22px; line-height:40px;}
.investor.item4 ul li a b{ padding-left:45%; font-size:14px;}
}
@media(max-width:768px){
.investor.item4 ul li a{ padding:5% 0;}
.investor.item4 ul li a:before{ width:10%; background-position:left center}
.investor.item4 ul li a b{ font-size:14px; padding-left:13%;}
.investor.item4 ul li a b:after{ margin-top:0px;}
.investor.item4 ul li{ width:32%;}
.investor.item4 ul li:nth-child(3n+2){ margin:0 2%;}
}


.reports-list ul li{ padding:1% 0;}
.reports-list ul li a{ position:relative; padding:2% 2% 2% 15%; display: block; background-color:#f9f9f9}
.reports-list ul li a::before{ opacity:0.5; border-right:solid 1px #e8e8e8; top:0; left:0; content:''; position:absolute; display:block; height:100%; width:12%; background:url(../images/icon2.png) no-repeat center center;}
.reports-list ul li a:hover{ background-color:#ededed;}
.reports-list ul li a:hover::before{ opacity:1; border-color:#fff;}

@media(min-width:768px){
.reports-list ul li{ float:left; width:49%;}
.reports-list ul li:nth-child(2n+1){ clear:both; margin-right:2%;}
.reports-list ul li a{ font-size:16px; padding-top:4.4%;padding-bottom:4.4%;}
}

.party-intro{
background: -moz-linear-gradient(top, rgba(255,249,183,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,249,183,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,249,183,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9b7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.party-intro .h2{ text-align:left}
.party-intro .more{ padding:2% 0}
.party-intro .more a{ display:block; width:140px; line-height:33px; text-align:center; color:#e60012; border:solid 1px #e60012; border-radius:0 10px 0 10px;}
.party-intro .honor{ padding-top:6%; padding-bottom:3%}
.party-intro .honor li{ float:left; width:32%;}
.party-intro .honor li:nth-child(2){ margin:0 2%;}
.party-intro .honor li a{ border:solid 1px #e60012; display:block; padding-bottom:70%; background-repeat:no-repeat; background-position:center center; background-size:cover}
@media(min-width:768px){
.party-intro .photo{ float:left; width:50%}
.party-intro .intro{ float:right; width:50%;}
.party-intro .intro .txt{ padding-top:25%;}
.party-intro .h2{ position:absolute; left:50%;}
}
@media(max-width:768px){
.party-intro .photo{ margin-top:-20%}
}

.dynamic{ padding-bottom:3%;}
.dynamic .h3{ text-align:center}
.dynamic ul li{ padding:0.4%;}
.dynamic ul li a{ display:block; position:relative;}

.dynamic ul li .pic{ position:absolute; width:50%; height:100%; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.dynamic ul li .txt{ position:relative; padding:18% 5% 29% 5%; border:solid 1px #ededed; background-color:#f9f9f9;}
.dynamic ul li .txt h5{ height:48px;}
.dynamic ul li .txt span{transition:all 0.5s ease-out 0s; position:absolute; right:5%; bottom:20%; width:19px; height:19px; display:block; background-image:url(../images/icon5.png); background-repeat:repeat; background-position:right}
.dynamic ul li a:hover .txt{ background-color:#e4e4e4;}
.dynamic ul li a:hover .txt span{ background-position:left}

@media(min-width:768px){
.dynamic ul li{ width:50%; float:left;}
.dynamic ul li:nth-child(1) a,
.dynamic ul li:nth-child(2) a{padding-left:50%;}
.dynamic ul li:nth-child(3) a,
.dynamic ul li:nth-child(4) a{padding-right:50%;}
.dynamic ul li:nth-child(1) .pic,
.dynamic ul li:nth-child(2) .pic{ left:0;}
.dynamic ul li:nth-child(3) .pic,
.dynamic ul li:nth-child(4) .pic{ right:0;}
}
@media(max-width:768px){
.dynamic ul li:nth-child(odd) a{padding-left:50%;}
.dynamic ul li:nth-child(even) a{padding-right:50%;}
.dynamic ul li:nth-child(odd) .pic{ left:0;}
.dynamic ul li:nth-child(even) .pic{ right:0;}
}

.study{ padding:3% 0; background-image:url(../images/study_bg.jpg); background-repeat:no-repeat; background-position:right top}
.study .h3{ text-align:center}
.study ul li{ width:50%; padding:1%;  float:left;}
.study ul li a{ display:block; position:relative;}
.study ul li .pic{ padding-bottom:70%; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.study ul li .txt{ padding:8% 5%; border:solid 1px #ededed; background-color:#f9f9f9;}
.study ul li .txt h5{ height:48px; overflow:hidden;}
.study ul li .txt span{transition:all 0.5s ease-out 0s; width:19px; height:19px; display:block; margin-top:10px; background-image:url(../images/icon5.png); background-repeat:repeat; background-position:right}
.study ul li a:hover .txt{ background-color:#e4e4e4;}
.study ul li a:hover .txt span{ background-position:left}
@media(min-width:768px){
.study ul li{ width:25%;}
}

.dynamic .bx-controls-direction{ text-align:center; padding-top:3%;}
.dynamic .bx-controls-direction a { margin:0px 10px; border-radius:0 10px 0 10px; transition:all 0.5s ease-out 0s; font-size:0; line-height:0; overflow:hidden; width:47px; height:47px; display:inline-block; background-image:url(../images/bx-arrow2.png); background-repeat:no-repeat; background-color:#e60012;}
.dynamic .bx-controls-direction a.bx-prev{ left:0; background-position:right top;}
.dynamic .bx-controls-direction a.bx-next{ right:0; background-position:left bottom;}
.dynamic .bx-controls-direction a.disabled{ cursor:default; background-color:#f9f9f9;}
.dynamic .bx-controls-direction a.bx-prev.disabled{ background-position:left top;}
.dynamic .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}

.dynamic-list ul li{ padding:1.5% 0;}
.dynamic-list ul li a{ display:block; position:relative; background-color:#f8f8f8;}
.dynamic-list ul li .pic{ width:30%; height:100%; position:absolute; background-repeat:no-repeat; background-position:center center; background-size: cover;}
.dynamic-list ul li .txt{ padding:4.64% 5% 4.64% 44%;}
.dynamic-list ul li .txt span{ left:35%; position:absolute; font-weight:bold; opacity:0.6; text-align:center}
.dynamic-list ul li .txt span b{ display:block; font-size:30px;}
.dynamic-list ul li .txt span b i{ font-weight:normal; font-size:20px;}
.dynamic-list ul li .txt h3{ height:48px; overflow:hidden;}
.dynamic-list ul li .txt p{ opacity:0.6; height:48px; overflow:hidden; margin-top:5%;}
@media(max-width:768px){
.dynamic-list ul li .txt span{ display:none;}
.dynamic-list ul li .txt{ padding-left:35%}
}


.fund-intro{
background: -moz-linear-gradient(top, rgba(246,204,100,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(246,204,100,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(246,204,100,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cc64', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.fund-intro .h2{ text-align:left}
.fund-intro .photo,
.fund-intro .icon{ text-align:center}
.fund-intro .photo center{ display:block; padding:5px 0;}
@media(min-width:768px){
.fund-intro .photo{ float:left; width:15%;}
.fund-intro .intro{ float:left; width:66%; padding:0 5%}
.fund-intro .icon{ float:right; width:19%;}
}
@media(max-width:768px){
.fund-intro .photo{ display:none;}
}
.meeting{padding:3% 0;}
.meeting .h3{ text-align:center;}
.meeting ul li{ width:50%; padding:1%;  float:left;}
.meeting ul li a{ display:block; position:relative;}
.meeting ul li .pic{ padding-bottom:70%; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.meeting ul li .txt{ padding:8% 5%; text-align:center;}
.meeting ul li .txt h5{ height:48px; overflow:hidden;}
@media(min-width:768px){
.meeting ul li{ width:25%;}
}

.contact .h3{ border-bottom:solid 1px #e7e7e7; margin-bottom:20px;}
.contact .h3 a{ opacity:0.6; cursor:pointer; display:inline-block; line-height:60px; border-bottom:solid 3px #fff;}
.contact .h3 a.show{opacity:1; border-color:#e60012;}
.contact .h3 a:nth-child(2){ margin:0 20px;}
.contact .h4{ padding:3% 0; font-size:16px; font-weight:bold;}
.contact .fl .h4{ border-bottom:solid 1px #e7e7e7; position:relative;}
.contact .fl .h4:after{ content:''; width:17px; height:9px; position:absolute; right:0; transition:all 0.5s ease-out 0s; background-image:url(../images/c_jt.png); background-repeat:no-repeat;}
.contact .fl .on .h4:after{transform: rotate(180deg); }
.contact .fl dl{ color:#000; padding:10px 0; font-size:16px;}
.contact .fl ul{ padding-bottom:20px;}
.contact .fl ul li{ padding:4px 0px 4px 40px; background-repeat:no-repeat; background-position: left 8px;}
.contact .fl ul li.company{ background-image:url(../images/c1.png)}
.contact .fl ul li.address{ background-image:url(../images/c2.png)}
.contact .fl ul li.telephone{ background-image:url(../images/c3.png)}
.contact .fl ul li.wexin{ background-image:url(../images/c4.png)}
.contact .fl ul li.weburl{ background-image:url(../images/c5.png)}
.contact .fl ul li span{ padding-bottom:15px; display:block;}
.contact .fl ul li.telephone span{ border-bottom:dashed 1px #e7e7e7}
.contact .tabbox,
.contact .list .box{ display:none;}
.contact .box{ padding-top:10px;}
.contact .fr{ background-color:#f9f9f9; padding:3%;}
.contact .fr dl{ padding:2% 0; position:relative;}
.contact .fr dl .required{ position:absolute; color:#e60012; right:2%; top:30%}
.contact  select{ color:#999; font-size:14px; width:100%; padding:0 4%; line-height:50px;height:50px; border:solid 1px #ebebeb;background:#fff url(../images/c_jt.png) no-repeat 95.6% center; appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */}
.contact .fr .text,
.contact .fr textarea{ font-size:14px; width:100%; padding:0 4%; line-height:50px;height:50px; border:solid 1px #ebebeb; border-radius:4px; background-color:#fff;}
.contact .fr textarea.text{ height:120px;}
.contact .fr .text.code{ width:57%}
.contact .fr img{ max-height:50px;border:solid 1px #ebebeb; border-radius:4px; margin-left:2%; width:25%;}
.contact .fr .btn{ padding:5% 0; max-width:180px; width:100%; color:#fff; background-color:#e60012; border:none; cursor:pointer}
.contact .fr .btn-box{ padding-top:3%;}
@media(min-width:768px){
.contact .fl{ width:50%;}
.contact .fr{ width:40%;}
.contact .h3{ font-size:20px;}
.contact .h4{ font-size:20px;}
.contact .box{ font-size:16px;}
}


/*index*/
@media(min-width:768px){
/*.ind_line{ position:absolute; width:1px; height:100%; top:0; background-color:#f3f3f3;}
.ind_line.l1{ left:0;}
.ind_line.l2{ left:20%;}
.ind_line.l3{ left:40%;}
.ind_line.l4{ left:60%;}
.ind_line.l5{ left:80%;}
.ind_line.l6{ right:0;}*/
}

.ind_name{ padding:3% 0; font-size:20px; line-height:50px;}
.ind_name span{ display:block;}
.ind_name .en{ font-size:46px; font-weight:bold;}
.ind_name .cn{ font-size:30px;}

@media(max-width:1366px){
.ind_name{  line-height:30px;}
.ind_name .en{ font-size:32px;}
.ind_name .cn{ font-size:26px;}
}
@media(max-width:768px){
.ind_name span{ display:inline-block}
.ind_name .en{ padding-left:10px;}
}
@media(max-width:768px){
.ind_name .en{ font-size:24px;}
.ind_name .cn{ font-size:20px;}

.ind_banner .bx-controls-direction{ display:none;}
}

/*add by lilonghua to fix index banner img wrack*/
.ind_banner .bx-wrapper .bx-viewport>ul>li>img{ width: 100%;}
.ind_banner .bx-wrapper .bx-viewport>ul>li{text-align:center;}

.ind_banner .bx-wrapper .bx-viewport ul li img{width:100%;}

.ind_about{ background-repeat:no-repeat; background-position:right top; background-size:100%;}
.ind_about .auto{padding:5% 0;}
.ind_about .photo{ border-radius:0 20px 0 20px; overflow:hidden}

.ind_about .txt{ position:relative; z-index:5;}
.ind_about .txt .h4{ padding:3% 0; font-size:22px;}
.ind_about .txt p{ color:#999999;}
.ind_about .num{ padding-bottom:3%;}
.ind_about .num ul li{ width:20%; float:left; border-left:solid 1px #f3f3f3; padding:2%;}
.ind_about .num ul li b,
.ind_about .num ul li span{ display:block;}
.ind_about .num ul li b{ font-size:40px; line-height:60px;}
.ind_about .num ul li span{ font-size:16px;}
.ind_about .num ul li i{ display:block; width:30px; height:30px;}
.ind_about .num ul li i.icon{ background-color:#e4e4e4; border-radius:100px; background-image:url(../images/txt_icon.png); background-repeat:no-repeat;}
.ind_about .num ul li.n1 i.icon{ background-position:left}
.ind_about .num ul li.n2 i.icon{ background-position:-30px}
.ind_about .num ul li.n3 i.icon{ background-position:-60px}
.ind_about .num ul li.n4 i.icon{ background-position:-90px}
.ind_about .num ul li.n5{ background-color:#3f51b5; border-left:none; color:#fff;}

@media(min-width:768px){
.ind_about .ind_name{ max-width:300px;}
.ind_about .photo{ float:left; width:60%; position:relative;}
.ind_about .photo:after{ content:''; display:block; right:0; bottom:0; position:absolute; width:11%; height:80%; background-color:#fff;}
.ind_about .txt{ padding-top:12%; float:right; width:36%;}

}
@media(max-width:1366px){
.ind_about .num ul li b{ font-size:32px;}
.ind_about .txt .h4{ font-size:18px;}
}
@media(max-width:1000px){
.ind_about .num ul li b{ font-size:22px; line-height:40px;}
.ind_about .txt .h4{ font-size:16px;}
}
@media(max-width:768px){
.ind_about{ background:none!important;}
.ind_about .auto{ padding:0}
.ind_about .num ul li{ width:50%; margin-bottom:2%}
.ind_about .num ul li.n5{ width:100%; text-align:center;}
.ind_about .num ul li.n5 i{ display:none}
.ind_about .num ul li.n5 b, .ind_about .num ul li.n5 span{display:inline-block;  }
.ind_about .num ul li.n5 span{   padding-left: 10px;}
.ind_about .txt{ padding-bottom:2%}
.ind_about .txt .h4{ padding-top:0; padding-bottom:2%}
}


.ind_product{ background-repeat:no-repeat; background-position:left top;background-size:100%;}
.ind_product .auto{ padding:5% 0; }
.ind_product .list ul{ overflow:hidden;}
.ind_product .list ul li{ width:25%; float:left;border-radius: 0 20px 0 20px; overflow:hidden;}
.ind_product .list ul li a{ color:#fff; display:block; position:relative;  overflow:hidden;z-index:5;border-radius: 0 20px 0 20px; }
.ind_product .list ul li .txt{ top:0; position:absolute; width:100%; height:56%; background-repeat:no-repeat; background-position: center bottom;background-size: cover;}
.ind_product .list ul li .txt span{ display:block; text-align:center;}
.ind_product .list ul li .txt span.en{  line-height:50px; position:absolute; top:0; left:-20px; opacity:0.1; font-size:34px; font-weight:bold;}
.ind_product .list ul li .txt span.cn{ font-size:18px;}
.ind_product .list ul li .txt span.icon{ padding-top:20%;}
.ind_product .list ul li .txt span.icon img{ width:50px; height:50px;}
.ind_product .list ul li .pic{ padding-bottom:190%; background-repeat:no-repeat; background-position:center center; background-size: contain;}
.ind_product .list ul li.n1 .txt{ background-image:url(../images/ind_p1.png);}
.ind_product .list ul li.n2 .txt{ background-image:url(../images/ind_p2.png);}
.ind_product .list ul li.n3 .txt{ background-image:url(../images/ind_p3.png);}
.ind_product .list ul li.n4 .txt{ background-image:url(../images/ind_p4.png);}
.ind_product .more{  width:20%;  }
.ind_product .more a{background-color:#3f51b5; border-radius: 0 20px 0 20px; display:block; padding:14% 15% 10% 15%; color:#fff; font-size:16px;}
.ind_product .more a:after{ content:''; width:47px; height:47px; display:block; background:url(../images/bx-arrow2.png) no-repeat -14px bottom;}

@media(min-width:768px){
.ind_product .ind_name{/* position:absolute; width:20%;*/ text-align:center;}
.ind_product .list{ padding-left:20%;}
.ind_product .list ul li:nth-child(even){ margin-top:6%}
.ind_product .list ul li .txt span.en{ font-size:50px;}
.ind_product .list ul li .txt span.en{ line-height:80px;}
.ind_product .list ul li .txt span.icon{ padding-top:30%;}
.ind_product .list ul li .txt span.icon img{ width:80px; height:80px;}
.ind_product .list ul li a{transition:all 0.5s ease-out 0s;}
.ind_product .list ul li a:hover{box-shadow:0 0 10px rgba(130,130,130,0.3);transform:translate(0,-20px);}
.ind_product .more{position:absolute; bottom:0;}
}
@media(max-width:768px){
.ind_product{ background:none!important;}
.ind_product .auto{ padding:0}
.ind_product .list{ padding-bottom:3%}
.ind_product .list ul li .txt span.cn{ display:none;}
.ind_product .more{ width:auto;}
.ind_product .more a{ display:inline-block; padding:0% 8% 0% 5%; line-height:47px;border-radius:0 10px 0px 10px}
.ind_product .more a:after{ display:inline-block; position:absolute; background-position:-7px bottom}
}

.ind_news{ background-repeat:no-repeat; background-position:right center;background-size:100%;}
.ind_news .auto{/*padding:5% 0;*/}
.ind_news .ind_name{ text-align:center;}
.ind_news .list ul li{ margin-bottom:1px;}
.ind_news .list ul li:nth-child(1),
.ind_news .list ul li:nth-child(4){ background-color:#f5f5f5;}
.ind_news .list ul li:nth-child(2),
.ind_news .list ul li:nth-child(3){ background-color:#f0f0f0;}
.ind_news .list ul li a{ position:relative; display:block; padding:3% 3% 3% 3%;}
.ind_news .list ul li table td{ vertical-align:top;}
.ind_news .list ul li .rq1{ width:15%; position:relative;}
.ind_news .list ul li span{ font-size:12px; opacity:0.8; position:absolute; left:5%; text-align:center; background:#c70e1c; color:#fff !important; border-radius:0 5px 0 5px;}
.ind_news .list ul li span b{ display: block; background:#e60012;}
.ind_news .list ul li span b i{ padding-left:5px; font-style:normal; font-weight:normal;}
.ind_news .list ul li .img1{ width:30%; padding:0 2%;}
.ind_news .list ul li .img1bg{ padding-bottom:70%;}
.ind_news .list ul li .nr1{ width:56%; overflow:hidden;}
.ind_news .list ul li .nr1 i{ display:block; margin-top:15px;}
.ind_news .list ul li .h5{ line-height:24px; height:24px; overflow:hidden; margin-bottom:15px;}
.ind_news .list ul li p{opacity:0.8;color:black; line-height:24px; height:24px; overflow:hidden;}
.ind_news .list ul li a:hover span,
.ind_news .list ul li a:hover p{ opacity:1}
.ind_news .list ul li a:hover{ z-index:5; color:#fff; box-shadow:0 20px 30px rgba(253, 206, 31, 0.25);
background: rgb(253,206,47); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(253,206,47,1) 40%, rgba(253,182,31,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(253,206,47,1) 40%,rgba(253,182,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(253,206,47,1) 40%,rgba(253,182,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce2f', endColorstr='#fdb61f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ind_news .bx-controls-direction{ padding-left:80%; overflow:hidden;}
.ind_news .bx-controls-direction a{ padding:12% 0; display:block; float:left; width:50%; text-align:center; font-size:0; line-height:0;background-color:#e60012; transition:all 0.5s ease-out 0s; }
.ind_news .bx-controls-direction a:before{ transition:all 0.5s ease-out 0s;  width:47px; height:47px; display:block; margin:auto; content:''; background-image:url(../images/bx-arrow2.png)}
.ind_news .bx-controls-direction a.bx-prev{ border-bottom-left-radius:10px;}
.ind_news .bx-controls-direction a.bx-next{ border-top-right-radius:10px;}
.ind_news .bx-controls-direction a.bx-prev:before{ background-position:right top;}
.ind_news .bx-controls-direction a.bx-next:before{ background-position:left bottom;}
.ind_news .bx-controls-direction a.disabled{ cursor:default; background-color:#4CAF50;}
.ind_news .bx-controls-direction a.bx-prev.disabled:before{ background-position:right top;}
.ind_news .bx-controls-direction a.bx-next.disabled:before{ background-position:right bottom;}

@media(min-width:768px){
.ind_news .ind_name{ max-width:300px; margin:auto;}
.ind_news .list ul li{ float:left; width:50%; margin-bottom:0}
/*.ind_news .list ul li:nth-child(2n-1){ margin-left:10%;}*/
/*.ind_news .list ul li:nth-child(1){ margin-left:20%;}*/
.ind_news .list ul li a{/* padding:10% 8% 10% 25%;*/}
.ind_news .list ul li .h5{/*margin-bottom:20px;*/color:black;}
.ind_news .list ul li span{ font-size:14px; left:7%;  line-height:40px;color:black;}
.ind_news .list ul li span b{ font-size:30px;}
.ind_news .list ul li .rq1{ width:11%; }

}
@media(max-width:768px){
.ind_news .ind_name{ text-align:left}
.ind_news{ background:none!important;}
.ind_news .auto{ padding:0}
.ind_news .list ul li p{ display:none;}
.ind_news .list ul li .h5{ font-size:16px;}
.ind_news .bx-controls-direction a{ padding:0}
}
.ind_industry{ padding:50px 0 0 0; background-repeat:no-repeat; background-position:left bottom;background-size:100%;}
.ind_industry .list ul{ position:relative;}
.ind_industry .list ul li{ width:48%;  margin:1%; float:left; position:relative;}
.ind_industry .list ul li a{ display:block; position:relative; overflow:hidden; transition:all 0.3s ease-out 0s;border-radius:0 12px 0 12px;}
.ind_industry .list ul li .txt{ z-index:5; position:absolute; width:100%; height:100%;background-repeat:no-repeat; background-position:left center;background-size: contain; overflow:hidden;}
/*.ind_industry .list ul li.n1 .txt{ background-image:url(../images/a_ind_bg1.png)}
.ind_industry .list ul li.n2 .txt{ background-image:url(../images/a_ind_bg2.png)}
.ind_industry .list ul li.n3 .txt{ background-image:url(../images/a_ind_bg3.png)}
.ind_industry .list ul li.n4 .txt{ background-image:url(../images/a_ind_bg4.png)}
.ind_industry .list ul li.n5 .txt{ background-image:url(../images/a_ind_bg5.png)}
.ind_industry .list ul li.n6 .txt{ background-image:url(../images/a_ind_bg6.png)}
.ind_industry .list ul li.n7 .txt{ background-image:url(../images/a_ind_bg7.png)}*/
.ind_industry .list ul li b{ font-size:18px; font-weight:normal; color:#999999; width:30px;  line-height:30px; left:50%; margin-left:-15px; text-align:center; border-radius:100px; position:absolute; background-color:#e4e4e4; bottom:0;}

.ind_industry .list ul li span{ padding:0 0 3% 8%;display:block;}
.ind_industry .list ul li span img{ width:50px; height:50px;}
.ind_industry .list ul li .h4{ padding:0 8%; color:#fff;}
.ind_industry .list ul li .pic{ padding-bottom:54%; background-repeat:no-repeat; background-position:center center;background-size: contain;}



/*.ind_industry .list ul li a .icon{ display:block; position:absolute; width:100%; z-index:5;}
.ind_industry .list ul li a .icon i{ position:absolute; display:block; height:14px; width:50%; background-color:#fff}
.ind_industry .list ul li a .icon i.L{ left:-7px;transform: skew(-50deg);}
.ind_industry .list ul li a .icon i.R{ right:-7px;transform: skew(50deg);}*/
@media(min-width:1024px){
.ind_industry .ind_name{ position:absolute; width:20%; padding-top:0}	
.ind_industry .list { padding-left:20%;}
}
@media(min-width:640px){
.ind_industry .list ul:before{ left:0; top:35%; content:''; position:absolute; width:100%; height:30%; border-radius:100px; border:solid 1px #e5e5e5}
.ind_industry .list ul li{width:23%;}
.ind_industry .list ul li.n3{ margin-right:25%;}
.ind_industry .list ul li.n4,
.ind_industry .list ul li.n5,
.ind_industry .list ul li.n6,
.ind_industry .list ul li.n7{ float:right;}
.ind_industry .list ul li.n1,
.ind_industry .list ul li.n2,
.ind_industry .list ul li.n3{ padding-bottom:9%;}
.ind_industry .list ul li.n4,
.ind_industry .list ul li.n5,
.ind_industry .list ul li.n6,
.ind_industry .list ul li.n7{ padding-top:9%;}
.ind_industry .list ul li.n1 b,
.ind_industry .list ul li.n2 b,
.ind_industry .list ul li.n3 b{ bottom:21%;}
.ind_industry .list ul li.n4 b,
.ind_industry .list ul li.n5 b,
.ind_industry .list ul li.n6 b,
.ind_industry .list ul li.n7 b{ top:21%; bottom:auto}

.ind_industry .list ul li:after{ content:''; display:block; position:absolute; background:url(../images/icon4.png) no-repeat center center; width:19px; height:19px;}
.ind_industry .list ul li.n1:after,
.ind_industry .list ul li.n2:after,
.ind_industry .list ul li.n3:after{ bottom:24%;right:0; }
.ind_industry .list ul li.n4:after,
.ind_industry .list ul li.n5:after,
.ind_industry .list ul li.n6:after,
.ind_industry .list ul li.n7:after{ top:24%;left:0; transform: rotate(180deg);}
.ind_industry .list ul li.n3:after{ bottom:-5%; right:-118%;transform: rotate(90deg);}
.ind_industry .list ul li.n7:after{ top:-5%; left:-7%;transform: rotate(-90deg);}

.ind_industry .list ul li.n4 .txt:before,
.ind_industry .list ul li.n5 .txt:before,
.ind_industry .list ul li.n6 .txt:before,
.ind_industry .list ul li.n7 .txt:before{ top:0; background-image:url(../images/a_ind_jt2.png);background-position:center top}
.ind_industry .list ul li.n1 span,
.ind_industry .list ul li.n2 span,
.ind_industry .list ul li.n3 span{ padding-top:5%;}
.ind_industry .list ul li.n4 span,
.ind_industry .list ul li.n5 span,
.ind_industry .list ul li.n6 span,
.ind_industry .list ul li.n7 span{ padding-top:8%;}

.ind_industry .list ul li:hover a{ opacity:0.9}
.ind_industry .list ul li.n1:hover a,
.ind_industry .list ul li.n2:hover a,
.ind_industry .list ul li.n3:hover a{transform:translate(0,12px);}
.ind_industry .list ul li.n4:hover a,
.ind_industry .list ul li.n5:hover a,
.ind_industry .list ul li.n6:hover a,
.ind_industry .list ul li.n7:hover a{transform:translate(0,-12px);}
}
@media(max-width:1100px){
.ind_industry .list ul li .h4{ font-size:16px;}
.ind_industry .list ul li span img{ width:40px; height:40px;}
}
@media(max-width:640px){
.ind_industry{ background-image:none!important; padding-top:0px;}
.ind_industry .list ul li{ padding-bottom:40px; margin:2% 1%;}
.ind_industry .list ul li .txt:before,
.ind_industry .list ul li .txt:after{background-size: cover;}
.ind_industry .list ul li span{ position:absolute; padding-top:10%; padding-left:3%}
.ind_industry .list ul li .h4{ padding-top:10%; line-height:40px; padding-left:25%; font-size:14px;}
.ind_industry .list ul li b{ font-size:14px;}
.ind_industry .list ul li .pic{ background-size:cover;padding-bottom: 40%;}
.ind_industry .list ul li .pic:after{ content:''; position:absolute; bottom:0; left:50%; margin-left:-7px; border:solid 10px transparent; border-bottom-color:#fff}
}
/*index end*/



.index_add1{ max-width:1300px; margin:0 auto; padding:0 0 50px 0;}
.index_add1 .bt1{ font-size:30px; line-height:1.5em; text-align:center; margin-bottom:30px;}
.swiper-container1 {
	width: 100%;
	height: 100%;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide .img{ border:1px #ccc solid; width:100%; padding-bottom:90%; position:relative;}
.swiper-container1 .swiper-slide img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:768px){
.index_add1{ padding:30px 2%;}
}




.index_add2bg{ max-width:1300px; margin:0 auto; padding:100px 0;}
.index_add2{ position:relative;}
.index_add2 .img{ width:50%;/* padding-bottom:40%;*/ border-radius:0 50px 0 50px;}
/*.index_add2:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:1; top:0; left:0;}*/
.index_add2 .txtbg{ width:60%; background:#fff; border-radius:0 50px 0 50px; position:absolute; top:10%; right:0; box-shadow:0 20px 30px rgba(0, 0, 0, 0.25);}
.index_add2 .txt{ padding:5% 5% 5% 5%;}
.index_add2 .txt h3{ font-weight:normal; position:relative; padding-bottom:20px;}
.index_add2 .txt h3 span{ display:block; font-weight:bold;}
.index_add2 .txt h3 .cn{ font-size:30px; line-height:1.5em;font-weight: normal;}
.index_add2 .txt h3 .en{ font-size:46px; line-height:1.5em; margin-top:5px;}
.index_add2 .txt h3:before{ content:""; width:32px; height:2px; background:#009241; position:absolute; bottom:0; left:0;}
.index_add2 .txt h4{ font-weight:normal; font-size:14px; line-height:2em; color:#999; margin-top:10px;margin-block-start: 0em;
    margin-block-end: 0em;}
@media(max-width:768px){
.index_add2bg{ padding:0 0 10px 0;}
.index_add2{ padding:0 2%;}
.index_add2 .img{ width:100%; padding-bottom:65%; }
.index_add2 .txtbg{ width:100%; border-radius:0; position:static;box-shadow:none;}
.index_add2 .txt{ padding:0 0 2% 0;}
.index_add2 .txt h3 .cn{ font-size:20px; line-height:1.5em; display:inline-block;}
.index_add2 .txt h3 .en{ font-size:24px; line-height:1.5em; display:inline-block; margin-left:10px;}
}


.ind_product{ }
/*.ind_product .list1{ width:1300px; margin:0 auto;}
.ind_product .list1 ul{margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px;}
.ind_product .list1 ul li{ float:left; width:275px; border:5px solid #ccc; margin:0 20px; text-align:center; list-style:none;}
.ind_product .list1 ul li .box{}
.ind_product .list1 ul li .txt1{ margin-top:-25px;}
.ind_product .list1 ul li .txt1 h3{ font-weight:normal; font-size:30px; line-height:50px; display:inline-block; background:#fff; color:#666;margin-block-start: 0em;
    margin-block-end: 0em;}
.ind_product .list1 ul li .txt1 h3 b{ font-size:48px; color:#4ab344; vertical-align:bottom;}
.ind_product .list1 ul li .txt2{ width:65px; height:181px; padding:10px 10px 0 10px; text-align:center; margin:0 auto; margin-top:50px; margin-bottom:50px; background:url(../images/pro_tit1.png) center no-repeat;}
.ind_product .list1 ul li .txt2 h2{ font-weight:normal; font-size:24px; line-height:1.2em;margin-block-start: 0;
    margin-block-end: 0; color:#fff;}

.ind_product .list1 ul li .img1bg{ width:80%; margin:0 auto;}
.ind_product .list1 ul li .img1{ padding-bottom:100%; border-radius:100%; border:5px solid #ccc; margin-bottom:-50%;}
@media(max-width:768px){
.ind_product{ padding:0 0 10% 0;}
.ind_product .list1{ width:100%; }
.ind_product .list1 ul li{ float:left; width:45%; border:5px solid #ccc; margin:15% 1% 15% 1%; }
}*/

.ind_product .list2{ width:1300px; margin:0 auto;}
.ind_product .list2 ul{margin-block-start: 0em !important; margin-block-end: 0em !important; padding-inline-start: 0px !important; margin:0 !important; padding:0 !important;}
.ind_product .list2 ul li{ float:left; width:285px; margin:15px !important; padding:0; list-style:none; position:relative; overflow:hidden; border-radius:0 20px 0 20px;}
.ind_product .list2 ul li .img{ overflow:hidden;}
.ind_product .list2 ul li .img img{ width:100% !important; height:auto !important; display:block; transition:all .3s ease;}
.ind_product .list2 ul li:hover .img img{ transform:scale(1.1); transition:all .3s ease;}
.ind_product .list2 ul li .txtbg{ width:100%; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:-60px; transition:all .3s ease;}
.ind_product .list2 ul li:hover .txtbg{ background:rgba(230, 0, 18, .5); bottom:0; transition:all .3s ease;}
.ind_product .list2 ul li .txt{ color:#fff; padding:10px 10px;}
.ind_product .list2 ul li .txt h2{ font-weight:normal; font-size:16px; line-height:30px; height:30px; overflow:hidden; margin:0;}
.ind_product .list2 ul li .txt h3{ font-weight:normal; font-size:14px; line-height:25px; height:50px; overflow:hidden; margin:10px 0 0 0;}
@media(max-width:768px){
.ind_product .list2{ width:100%; }
.ind_product .list2 ul li{ width:46%; margin:2% 2% !important; }
.h0{ display:none;}
.intro1{ margin-top:-18%;}
}



.contact .tabbox .nr1{ float:left;}
.contact .tabbox .whir_1{ float:right;}
@media(max-width:768px){
.contact .tabbox .nr1{ float:none;}
.contact .tabbox .whir_1{ float:none;}

.honor-list{ display:none;}
.honor-hot{ padding-bottom:30px;}
}